Dart 给 initState 内部的变量赋值或不在 Flutter StatefulWidget 中赋值有什么区别

发布于01月06日

我在许多示例代码中看到了两种使用StatefulWidget声明变量的方法.

使用值(firstCase)初始化变量
无值初始化变量并赋值给initState内的值(secondCase)

这两者有什么区别吗？

class Sample extends StatefulWidget {
  Sample({Key key}) : super(key: key);

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

class _SampleState extends State<Sample> {
  bool firstCase = false;
  bool secondCase;

  @override
  void initState() {
    secondCase = false;
    super.initState();
  }

  @override
  Widget build(BuildContext context) {
    return Container(
      child: child,
    );
  }
}

推荐答案

如果可以直接在属性中创建初始化变量，请执行此操作.它的可读性更好(只需查找一个地方).

您希望使用initState的唯一原因是，当您cannot直接从变量声明初始化变量时.

这些情况在很大程度上是:

您的变量取决于widget或context
这取决于this美元

例如，如果要创建AnimationController，则需要传递vsync: this.但以下代码无法编译:

class MyState extends State with SingleTickerProviderStateMixin {
  final myController = AnimationController(
    vsync: this, // compile error, cannot use `this` on initialisers
  );
}

而你必须改为写道:

class MyState extends State with SingleTickerProviderStateMixin {
  AnimationController myController;

  @override
  void initState() {
    super.initState();
    myController = AnimationController(
      vsync: this, // OK
    );
  }
}

不过请注意，这个特定的示例很快就会改变，因为Dart的future 版本将引入late关键字，这将允许:

class MyState extends State with SingleTickerProviderStateMixin {
  late final myController = AnimationController(
    vsync: this, // OK, not a compile error this time
  );
}

但是，对于依赖于widget/context的变量，您可能仍然需要initState.