wantKeepAlive

当 wantKeepAlive 设为 true 时，Flutter 会 保持该 Widget 的状态，即使它暂时不在可视区域（比如滑动出屏幕），也不会被销毁。当再次回到该 Widget 时，它的状态会被保留，而不是重新初始化。

适用场景

• TabBarView：切换 Tab 时保持每个 Tab 页的状态（避免每次切换时重新加载）。

• PageView：滑动页面时保持之前页面的状态（避免重新渲染）。

• ListView / GridView：对长列表中的某些项保持状态（优化性能）。

如何使用 wantKeepAlive

1. 混入 AutomaticKeepAliveClientMixin

class _MyTabState extends State<MyTab> with AutomaticKeepAliveClientMixin {
  @override
  bool get wantKeepAlive => true; // 设为 true 以保持状态

  @override
  Widget build(BuildContext context) {
    super.build(context); // 必须调用 super.build
    return Scaffold(
      body: Center(child: Text("This tab will be kept alive")),
    );
  }
}

2. 在 TabBarView 或 PageView 中使用

DefaultTabController(
  length: 3,
  child: Scaffold(
    appBar: AppBar(
      bottom: TabBar(
        tabs: [
          Tab(text: "Tab 1"),
          Tab(text: "Tab 2"),
          Tab(text: "Tab 3"),
        ],
      ),
    ),
    body: TabBarView(
      children: [
        MyTab(), // 这个 Tab 的状态会被保持
        MyTab(), // 这个 Tab 的状态会被保持
        MyTab(), // 这个 Tab 的状态会被保持
      ],
    ),
  ),
);

关键点

1. 必须调用 super.build(context)，否则 wantKeepAlive 不会生效。

2. 适用于 StatefulWidget，StatelessWidget 无法使用。

3. 适用于需要保持状态的 Widget，比如带有表单、动画或网络请求的页面。

如果 wantKeepAlive 设为 false（默认值），Widget 在离开屏幕时会被销毁，再次进入时会重新初始化。

总结

wantKeepAlive 是 Flutter 中用于 保持 Widget 状态 的机制，特别适用于 TabBarView、PageView 等场景，避免不必要的重建，提高性能。