Flutter中createState的作用及创建可变状态的实现原理

官方说明 #

在树中的指定位置为此widget创建可变状态。

代码示例 #

class A extends StatefulWidget {

  @override
  _AState createState() => _AState();
}

class _AState extends State<A> {
}

具体作用与状态创建逻辑 #

1. 核心作用 #

createState是StatefulWidget必须重写的方法，它是不可变Widget与可变状态之间的纽带：

• StatefulWidget本身属于不可变类（所有Widget都继承自不可变的Widget类），无法直接存储动态变化的数据；
• createState的核心任务就是生成对应的State子类实例，这个实例会被Flutter框架留存，专门用来存放该Widget的可变状态数据。

2. 如何实现可变状态 #

当Flutter把你的StatefulWidget（比如示例中的A）加入Widget树时，会自动触发以下流程：

1. 调用createState方法，创建_AState的实例；
2. 这个State实例会和A的Widget实例绑定，直到该Widget被从树中移除；
3. 你可以在_AState里定义可变变量（比如int _counter = 0），当这些变量改变时，调用setState(() {})，Flutter就会重新执行build方法，根据新状态渲染UI。

本质上，createState就是帮你创建了一个能"承载"动态数据的容器，让你的Widget可以根据状态变化更新界面，而不是一直显示静态内容。

内容的提问来源于stack exchange，提问作者Aquarius_Girl