在 initState 中为变量赋值与在 Flutter StatefulWidget 中不赋值有什么区别吗？

Question

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

1. 用值初始化变量（firstCase）
2. 初始化没有值的变量并分配给 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,
    );
  }
}

Answer 1

如果您可以直接在属性中创建初始化您的变量，请这样做。可读性更好（寻找一个地方）。

您要使用的唯一原因initState是当您无法直接从其声明中初始化变量时。

这些情况大部分是：

• 你的变量取决于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 的未来版本将引入late关键字，然后允许：

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

您可能仍然需要initState依赖于widget/ 的变量context。