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

1、Flutter Object继承关系

该继承图为flutter2.2版本最新继承关系图。
Flutter深入浅出组件篇---继承关系图_第1张图片

视频讲解地址

视频讲解地址

2、Flutter Widget组件继承图

Flutter关系继承图.xmind

Widget 下面有五个子类, PreferredSizeWidget 下面总共有6个组件, ProxyWidget 下面总共有47个组件, RenderObjectWidget 下面总共有31个组件, StateFulWidget 下面总共有167个组件, StatelessWidget 下面总共有108个组件,加上自身5个组件,所以总共的组件有高达364之多,这可能也是很多人觉得Flutter很难学的原因之一,其实我们只要掌握一些基本常用的可以了。
  • PreferredSizeWidget:主要用于 AppBarTabBar , 通过继承该类可实现自定义大小。
  • ProxyWidget: 是一个抽象类,主要用于提供给子 Widget 的抽象 Widget
  • RenderObjectWidget:是一个抽象类, RenderObjectWidgetsRenderObjectElements 提供配置,它包装 RenderObjects ,提供应用程序的实际渲染。
  • StateFulWidget:具有可变状态的 Widget
  • StatelessWidget:不需要可变状态的 Widget

Flutter深入浅出组件篇---继承关系图_第2张图片

3、PreferredSizeWidget

Flutter深入浅出组件篇---继承关系图_第3张图片

4、ProxyWidget

Flutter深入浅出组件篇---继承关系图_第4张图片
Flutter深入浅出组件篇---继承关系图_第5张图片

5、RenderObjectWidget

Flutter深入浅出组件篇---继承关系图_第6张图片

6、StateFulWidget

Flutter深入浅出组件篇---继承关系图_第7张图片
Flutter深入浅出组件篇---继承关系图_第8张图片
Flutter深入浅出组件篇---继承关系图_第9张图片
Flutter深入浅出组件篇---继承关系图_第10张图片
Flutter深入浅出组件篇---继承关系图_第11张图片
Flutter深入浅出组件篇---继承关系图_第12张图片

7、StatelessWidget

Flutter深入浅出组件篇---继承关系图_第13张图片
Flutter深入浅出组件篇---继承关系图_第14张图片
Flutter深入浅出组件篇---继承关系图_第15张图片
Flutter深入浅出组件篇---继承关系图_第16张图片

你可能感兴趣的:(flutter)