Flutter深入浅出组件篇---继承关系图

1、Flutter Object继承关系

该继承图为flutter2.2版本最新继承关系图。

image

视频讲解地址

视频讲解地址

2、Flutter Widget组件继承图

Flutter关系继承图.xmind

Widget 下面有五个子类， PreferredSizeWidget 下面总共有6个组件， ProxyWidget 下面总共有47个组件， RenderObjectWidget 下面总共有94个组件， StateFulWidget 下面总共有167个组件， StatelessWidget 下面总共有108个组件，加上自身5个组件，所以总共的组件有高达427之多，这可能也是很多人觉得Flutter很难学的原因之一，其实我们只要掌握一些基本常用的可以了。

• PreferredSizeWidget：主要用于 AppBar 和 TabBar , 通过继承该类可实现自定义大小。
• ProxyWidget: 是一个抽象类，主要用于提供给子 Widget 的抽象 Widget
• RenderObjectWidget：是一个抽象类， RenderObjectWidgets 为 RenderObjectElements 提供配置，它包装 RenderObjects ，提供应用程序的实际渲染。
• StateFulWidget：具有可变状态的 Widget
• StatelessWidget：不需要可变状态的 Widget

image

3、PreferredSizeWidget

image

4、ProxyWidget

image
image

5、RenderObjectWidget

image

6、StateFulWidget

image
image
image
image
image
image

7、StatelessWidget

image
image
image
image