Flutter深入淺出元件篇---繼承關係圖

Jimi發表於2021-08-17
Flutter元件繼承

1、Flutter Object繼承關係

該繼承圖為flutter2.2版本最新繼承關係圖。

視訊講解地址

視訊講解地址

2、Flutter Widget元件繼承圖

Flutter關係繼承圖.xmind

Widget 下面有五個子類， PreferredSizeWidget 下面總共有6個元件， ProxyWidget 下面總共有47個元件， RenderObjectWidget 下面總共有31個元件， StateFulWidget 下面總共有167個元件， StatelessWidget 下面總共有108個元件，加上自身5個元件，所以總共的元件有高達364之多，這可能也是很多人覺得Flutter很難學的原因之一，其實我們只要掌握一些基本常用的可以了。
  • PreferredSizeWidget：主要用於 AppBar 和 TabBar , 通過繼承該類可實現自定義大小。
  • ProxyWidget: 是一個抽象類，主要用於提供給子 Widget 的抽象 Widget
  • RenderObjectWidget：是一個抽象類， RenderObjectWidgets 為 RenderObjectElements 提供配置，它包裝 RenderObjects ，提供應用程式的實際渲染。
  • StateFulWidget：具有可變狀態的 Widget
  • StatelessWidget：不需要可變狀態的 Widget

3、PreferredSizeWidget

4、ProxyWidget

5、RenderObjectWidget

6、StateFulWidget

7、StatelessWidget

相關文章