StatefulWidget 每次有新数据时都不会重建 State 吗？

Question

当点击相应的菜单按钮时，小部件 TrainsPage 将添加到 main.dart 中的构建图。这会执行两次：一次是在 _routes 为空时，第二次是在 _routes 被填充时。

Widget pageSelector() {
   if (_selectedIndex == 2) {
      return new TrainsPage(routes: _routes);
    } else
      return Text("");
  }

在 TrainsPage.dart 中，我有状态小部件 TrainsPage 的代码。

class TrainsPage extends StatefulWidget {
  const TrainsPage({Key? key, required this.routes}) : super(key: key);

  final List<RSRoute> routes;

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

class _TrainsPageState extends State<TrainsPage> {
  List<RSRoute> _routes = List.empty();

  @override
  void initState() {
    super.initState();
    this._routes = new List<RSRoute>.from(widget.routes);

现在，第二次，在 main.dart 中调用 TrainsPage（现在填充了 routes），_TrainsPageState 的 initState() 是未调用，它负责读取 routes 中的数据。由于 routes 第一次是空的，所以火车页面上没有显示任何内容。

为什么TrainsPage不重建_TrainsPageState，当它在构造函数中明确获得新数据时？

Answer 1

这正是 State 存在的原因：即使在重新构建小部件时也能保持当前上下文的状态。

如果每次重建有状态小部件时都重新创建它，则它无法保持其自身变量的状态。

class MyWidget extends StatelessWidget {
  var _someStateVariable = 0;

  @override
  void build(BuildContext context){
    // here an action that increment _someStateVariable
  }

}

这里 _someStateVariable 将在每次重建时重置为 0。或者，如果我们首先想要一个 StateFullWidget，那是因为我们稍后会更新这个变量，并希望通过多个小部件重建来保持其更新的值。 如果你没有这样的状态变量来维护，也许你在这里不需要 StateFullWidget。

现在解决您的问题：您可以覆盖 didUpdateWidget 而不是 initstate，因为它将在每次小部件重建时调用：

@override
  void didUpdateWidget() {
    didUpdateWidget();
   _routes = new List<RSRoute>.from(widget.routes);
}