flutter的4棵树，flutter layer tree

Flutter中的StatefulWidget及其生命周期

1、StatelessWidget 对于StatelessWidget来说，生命周期只有build过程。build是用来创建Widget的，在每次页面刷新时会调用build。

2、详细可以去framework.dart文件查看相关源码及说明。在Flutter中，我们平时自定义的widget，一般都是继承自StatefulWidget或StatelessWidget（并不是只有这两种），这两种widget也是目前最常用的两种。

3、在StatefulWidget调用createState之后，框架将新的状态插入树种，然后调用状态对象的initState。子类化State可以重写initState，以完成仅需要一次执行的工作。

相关问答

Q1: Flutter基础篇——常用Widget

1、对于初学flutter的朋友来说，要知道，flutter的UI万物皆Widget。 flutter所写的页面的结构可以被看成套娃，一层套一层，一层套一层，一层套一层。。

2、Flutter中Widget，State和BuildContext的概念是每个Flutter开发人员需要完全理解的最重要概念之一。这里先讲解一下Widget以及Widget。三者之间的关系会在最后一篇总结一下。

3、flutter布局需要先了解flutter所有布局的widget，首先flutter布局分为Container、RenderObjectWidget和ParentDataWidget。而RenderObject中经常使用的有SingleChildRenderObjectWidget（单节点）和MultiChildRenderObjectWidget（多节点）。

4、new Image.file： 加载本地图片文件(File文件）图片。 new Image.memory： 加载Uint8List资源图片（byte数组）图片。

5、所有Flutter需要有跨结点(只能是祖先后代节点，不能跨兄弟节点)高效传递数据的方案。

Q2: Flutter之国际化多语言

在说flutter国际化前，不得不提到，在uni-app中支持的Vue-i18n，两者有相似之处，也有差异的地方。

引入国际化需要的包。在Flutter节点下添加generate，可以在重启或者热更新时实时更新翻译文件。在根目录下增加l10n.yaml文件，用于配置实时更新的内容。

Dart语法编译：Dart是一种强类型、跨平台的客户端开发语言。具有专门为客户端优化、高生产力、快速高效、可移植易学的风格。Dart主要由谷歌负责开发和维护。

Q3: Flutter开发性能提升之:如何避免Widget重复Build

1、最简单的方法是使用const修饰构造函数：由于const的修饰，即使调用了数百次build，DecoratedBox的实例也将保持不变。

2、需要实现 wantKeepAlive 方法（返回true），另外在build方法最前面需要 调用 super.build(context)； ，如下：所以你需要在initState方法中创建这个Future。如下：好了。效果实现了。

3、build中不要去写大量的耗时逻辑，因为数据更新会触发build的多次调用，在里面做耗时逻辑会降低性能。 尽量使用statelessWidget代替statefulWidget，因为statefulWidget的销毁重建会引起子widget的销毁与重建。

4、State中比较重要的一个方法是setState，当修改状态时，widget会被更新。比方说点击CheckBox，会出现选中和非选中状态之间的切换，就是通过修改状态来达到的。

5、直接在 build 里调用肯定可以，虽然 build 会被比较频繁执行，但是 of(context) 操作其实就是在一个 map 里通过 key - value 获取泛型对象，所以对性能不会有太大的影响。

6、如Flutter SDK中正是通过InheritedWidget来共享应用主题(Theme)和Locale (当前语言环境)信息的。 InheritedWidget和React中的context功能类似，和逐级传递数据相比，它们能实现组件跨级传递数据。

flutter的4棵树的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于flutter layer tree、flutter的4棵树的信息别忘了在本站进行查找喔。