Flutter Beamer路由调用beamBack导致上一页面重建，如何避免？

方法1：给页面添加KeepAlive缓存支持 #

如果目标页面（如ScreenA）是StatefulWidget，让其State类混入AutomaticKeepAliveClientMixin并开启存活状态：

class ScreenA extends StatefulWidget {
  @override
  State<ScreenA> createState() => _ScreenAState();
}

class _ScreenAState extends State<ScreenA> with AutomaticKeepAliveClientMixin {
  @override
  bool get wantKeepAlive => true; // 开启页面缓存

  @override
  Widget build(BuildContext context) {
    super.build(context); // 必须调用super方法
    return Scaffold(
      // 页面内容
    );
  }
}

如果是StatelessWidget，直接用KeepAlive组件包裹页面内容：

class ScreenA extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return KeepAlive(
      child: Scaffold(
        // 页面内容
      ),
    );
  }
}

方法2：在Beamer路由配置中启用页面缓存 #

在定义BeamerDelegate的路由规则时，给需要缓存的页面设置keepAlive: true，Beamer会自动保留该页面的状态：

final routerDelegate = BeamerDelegate(
  locationBuilder: RoutesLocationBuilder(
    routes: {
      '/': (context, state, data) => BeamPage(
        key: ValueKey('screenA'),
        child: ScreenA(),
        keepAlive: true, // 启用缓存
      ),
      '/screenB': (context, state, data) => ScreenB(),
    },
  ),
);

补充：排查状态管理导致的额外重建 #

如果页面使用了状态管理工具（如Provider、Riverpod），确保状态实例不是在页面内部创建，而是提升到父组件或全局级别。这样即使页面因路由操作重建，状态也不会丢失，避免不必要的重渲染。

内容的提问来源于stack exchange，提问作者Affar