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

亦凉 2023-05-22 13:25 8阅读 0赞

![20200417212821488.png][]

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

## Widget ##

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

![20200417212821985.png][]

## RenderObjectWidget ##

看看`RenderObjectWidget`:

![image-20200417203629276.png][]

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

## ProxyWidget ##

在来欣赏下`ProxyWidget`：

![image-20200417203813455.png][]

`ProxyWidget`相对少一些，有34个。

## StatelessWidget ##

重头戏来了，我们看看`StatelessWidget`：

![image-20200417204011326.png][]

`StatelessWidget`有89个。

## StatefulWidget ##

最后看看`StatefulWidget`：

![image-20200417204115588.png][]

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

## 控件介绍 ##

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

![image-20200417204317938.png][]

## 获取源文件 ##

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

## 写在最后 ##

不是我诉苦，整理完这个，疼的我直不起腰来，眼睛一直有一层雾，所以这个周末我准备休息休息，锻炼下身体，希望大家理解，下周会继续更新高质量的文章给大家的。

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

地址：[http://laomengit.com/][http_laomengit.com]

## 交流 ##

Github地址：[https://github.com/781238222/flutter-do][https_github.com_781238222_flutter-do]

170+组件详细用法：[http://laomengit.com][http_laomengit.com 1]

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

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

[20200417212821488.png]: /images/20230521/7a9ae749a6d34ee3b9f850a1ab4f1ac8.png
[20200417212821985.png]: /images/20230521/c7c3de999e02462dbb312c93657192c7.png
[image-20200417203629276.png]: http://q7oh3n2dk.bkt.clouddn.com/image-20200417203629276.png
[image-20200417203813455.png]: http://q7oh3n2dk.bkt.clouddn.com/image-20200417203813455.png
[image-20200417204011326.png]: http://q7oh3n2dk.bkt.clouddn.com/image-20200417204011326.png
[image-20200417204115588.png]: http://q7oh3n2dk.bkt.clouddn.com/image-20200417204115588.png
[image-20200417204317938.png]: http://q7oh3n2dk.bkt.clouddn.com/image-20200417204317938.png
[http_laomengit.com]: http://laomengit.com/
[https_github.com_781238222_flutter-do]: https://github.com/781238222/flutter-do
[http_laomengit.com 1]: http://laomengit.com