为什么 Flutter State 对象需要一个 Widget？

Question

演示示例具有以下代码，这显然是 Flutter 应用程序的典型代码：

class MyHomePage extends StatefulWidget {
  MyHomePage({Key key, this.title}) : super(key: key);

  final String title;

  @override
  _MyHomePageState createState() => new _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  int _counter = 0;

  void _incrementCounter() {
    setState(() {
      _counter++;
    });
  }

  @override
  Widget build(BuildContext context) {...}
}

我想我很好，MyHomePage 覆盖了 StatefulWidget createState 方法。这有点尴尬，但到底是什么？甚至取决于State 子类。很好。

然后让State 子类转而依赖MyHomePage？！我很难用我相当丰富的智慧来解决那个问题。

所以也许我不清楚State<MyHomePage> 是/做什么。例如，Map<String, Object> 的含义很明确：将字符串与对象相关联。有人可以解释一下吗？如果你可以包含一些关于需要状态对象来扩展小部件的内容，我会喜欢阅读。

Answer 1

这是为了使小部件属性的访问更加容易。 当你这样做

new MyStatefulWidget(foo: 42, bar: "string")

那么您很可能希望从您的State 访问foo/bar。

如果没有这样的语法，您必须键入自定义 State 构造函数并将所有 StatefulWidget 子类属性传递给 createState 内的 State 子类。基本上你会这样：

class MyStatefulWidget extends StatefulWidget {
  final int foo;

  MyStatefulWidget({this.foo});

  @override
  MyStatefulWidgetState createState() => MyStatefulWidgetState(foo: foo);
}

class MyStatefulWidgetState extends State<MyStatefulWidget> {
  final int foo;

  MyStatefulWidgetState({this.foo});

  @override
  Widget build(BuildContext context) {
    return Container(

    );
  }
}

无聊。 StatefulWidget子类的所有字段都要写两次。

---

使用当前语法；你不必这样做。您可以使用widget 字段直接访问State 中当前实例化小部件的所有属性。

class MyStatefulWidgetState extends State<MyStatefulWidget> {
  @override
  Widget build(BuildContext context) {
    print(widget.foo);
    return Container();
  }
}

Answer 2

在 Flutter 中，一切都是小部件，有两种类型的小部件：无状态和有状态。

无状态：不需要可变状态的小部件。

Statefull：具有可变状态的小部件。

这就是为什么所有 Statefull 小部件都依赖于 State<T>，因为它管理小部件中的更改（状态）。