点击PersistentBottomNavBarItem时弹出对应标签所有页面回到初始页

核心逻辑：persistent_bottom_nav_bar默认会保留每个tab的导航栈状态，切换tab时不会主动重置栈，你需要监听tab切换事件，切换到目标tab时主动把该tab的导航栈重置到初始页。

步骤1：为每个tab创建独立导航键 #

提前为每个底部标签分配专属的GlobalKey<NavigatorState>，用于获取对应tab的导航栈控制权：

// 索引和底部标签顺序一一对应，0对应标签A，1对应标签B
final List<GlobalKey<NavigatorState>> _tabNavKeys = [
  GlobalKey<NavigatorState>(),
  GlobalKey<NavigatorState>(),
];

步骤2：绑定导航键到tab配置 #

在PersistentBottomNavBarItem的配置中，将导航键绑定到对应标签的navigatorKey参数：

List<PersistentBottomNavBarItem> _navBarItems() {
  return [
    PersistentBottomNavBarItem(
      icon: const Icon(Icons.home),
      title: "标签A",
      navigatorKey: _tabNavKeys[0],
    ),
    PersistentBottomNavBarItem(
      icon: const Icon(Icons.settings),
      title: "标签B",
      navigatorKey: _tabNavKeys[1],
    ),
  ];
}

步骤3：监听tab切换事件重置导航栈 #

给PersistentTabView配置onItemSelected回调，每次切换tab时，将当前选中tab的导航栈pop到初始页：

int _lastTabIndex = 0;

@override
Widget build(BuildContext context) {
  return PersistentTabView(
    context,
    // 关闭默认的同标签点击pop全部逻辑，避免和自定义逻辑冲突
    popAllScreensOnTapOfSelectedTab: false,
    onItemSelected: (currentIndex) {
      // 仅切换不同标签时执行重置，点击当前标签不重置
      if (currentIndex != _lastTabIndex) {
        // 重置当前选中标签的导航栈到根页面
        if (_tabNavKeys[currentIndex].currentState?.canPop() ?? false) {
          _tabNavKeys[currentIndex].currentState!.popUntil((route) => route.isFirst);
        }
        _lastTabIndex = currentIndex;
      }
    },
    items: _navBarItems(),
    screens: const [
      A1Page(), // 标签A初始页
      BPage(), // 标签B初始页
    ],
    // 其他原有配置保持不变
  );
}

注意事项 #

• 页面跳转必须使用库提供的pushNewScreen方法，不要使用Flutter原生的Navigator.push，否则路由不会被对应tab的导航键管理，重置逻辑会失效
• 如果你的二级页面是无context的全屏路由，需要在popUntil中补充路由名判断，避免匹配不到初始路由

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