Flutter 吐血整理组件继承关系图

老孟导读：前几天一个读者和我说能不能整理一个各个控件之间的继承关系，这2天抽时间整理了一下，不整理不知道，一整理真的吓一跳啊，仅仅Widget的子类（包括间接子类）就高达353个，今天发群里给你们浏览的时候，有人说：“看见这个，会让初学者从入门到放弃的“，其实没必要担忧，虽然不少，但经常使用的就那几十个，很快就入门了，剩余其余的用到的时候在查就行了。

Widget

先看Widget的直接子类，仅仅4个（其实还有一个抽象类）

RenderObjectWidget

看看RenderObjectWidget:

<img src="http://q7oh3n2dk.bkt.clouddn.com/image-20200417203629276.png" alt="" style="zoom:50%;" />

太长了，截取一份吧，RenderObjectWidget共有89个子类。

ProxyWidget

在来欣赏下ProxyWidget：

<img src="http://q7oh3n2dk.bkt.clouddn.com/image-20200417203813455.png" alt="" style="zoom:50%;" />

ProxyWidget相对少一些，有34个。

StatelessWidget

重头戏来了，咱们看看StatelessWidget：

<img src="http://q7oh3n2dk.bkt.clouddn.com/image-20200417204011326.png" alt="" style="zoom:50%;" />

StatelessWidget有89个。

StatefulWidget

最后看看StatefulWidget：

<img src="http://q7oh3n2dk.bkt.clouddn.com/image-20200417204115588.png" alt="" style="zoom:50%;" />

StatefulWidget的子类最多，高达141个。

控件介绍

我在每个控件的备注里面都添加了当前控件的说明，介绍当前控件：

<img src="http://q7oh3n2dk.bkt.clouddn.com/image-20200417204317938.png" alt="" style="zoom:50%;" />

获取源文件

关注我公众号：【老孟程序员】，回复：控件，获取源文件。

写在最后

不是我诉苦，整理完这个，疼的我直不起腰来，眼睛一直有一层雾，因此这个周末我准备休息休息，锻炼下身体，但愿你们理解，下周会继续更新高质量的文章给你们的。

虽然控件的数量高达353个，但依然不能阻挡我，目前我的网站已经收录了179个组件的详细用法和介绍，很快就会收录所有353个控件，欢迎你们收藏：

地址：http://laomengit.com/

交流

Github地址：https://github.com/781238222/flutter-do

170+组件详细用法：http://laomengit.com

若是你对Flutter还有疑问或者技术方面的疑惑，欢迎加入Flutter交流群（微信：laomengit）。

同时也欢迎关注个人Flutter公众号【老孟程序员】，公众号首发Flutter的相关内容。

Flutter生态建设离不开你我他，须要你们共同的努力，点赞也是其中的一种，若是文章帮助到了你，但愿点个赞。