Flutter使用PersistentTabView跳转内部页面时AppBar也持久保留如何解决？

问题原因 #

你将公共AppBar定义在了HomePage的根Scaffold上，而Persistent Bottom Navigation Bar的所有Tab页面都属于HomePage的子路由树，默认从Tab页跳转的内部页面会挂载在这个子路由树下，因此父级HomePage的AppBar会一直展示，和子页面的AppBar叠加。

解决方案 #

推荐优先使用以下两种方案解决：

方案1：拆分公共AppBar到各Tab页（最稳妥）

将HomePage根Scaffold的appBar参数移除，把统一的AppBar封装为通用组件，分别配置到4个Tab页（GenresPage、SearchPage、ProfilePage、FavoritesPage）各自的Scaffold上。
示例代码：

1. 先封装通用AppBar：

// 全局通用的Tab页AppBar
AppBar buildMoviewAppBar(BuildContext context) {
  return AppBar(
    title: const Text("MOVIEW"),
    elevation: 0,
  );
}

2. 每个Tab页的Scaffold引用该AppBar，以FavoritesPage为例：

class FavoritesPage extends StatelessWidget {
  const FavoritesPage({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      // 每个Tab页单独配置AppBar
      appBar: buildMoviewAppBar(context),
      // 原有页面代码
      body: ...,
    );
  }
}

调整后，跳转MovieDetailsPage时只会显示该页面自身配置的AppBar，不会出现叠加问题。

方案2：跳转时使用根导航栈

如果不需要在详情页展示底部导航栏，可以在跳转详情页时指定使用根Navigator，跳转后的页面会完全覆盖HomePage，自然不会显示HomePage的AppBar。
跳转代码示例：

Navigator.of(context, rootNavigator: true).push(
  MaterialPageRoute(
    builder: (context) => MovieDetailsPage(movie: yourMovieData),
  ),
);

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