Flutter如何实现底部导航栏首个选项对应多页面且不隐藏导航栏

底部导航消失的核心原因是你跳转时调用了根导航栈的压栈操作，新页面直接覆盖了包含BottomNavigationBar的父级Scaffold。可以通过以下两种方案实现需求：

• 方案1：嵌套子导航栈（适合子页面数量多、跳转逻辑复杂的场景）
  给首个tab的展示区域单独包裹一个Navigator组件，所有tab内部的跳转都走这个子导航栈，不会影响外层的底部导航结构。
  核心实现代码：

// 外层持有底部导航的Scaffold中，body的配置逻辑
Widget _getCurrentBody(int selectedNavIndex) {
  switch (selectedNavIndex) {
    case 0:
      // 首个tab用独立子导航承载内部页面
      return Navigator(
        key: firstTabNavKey, // 可定义为GlobalKey<NavigatorState>类型的全局变量
        onGenerateRoute: (routeSettings) {
          Widget targetPage = const FirstTabHomePage();
          if (routeSettings.name == '/firstTab/secondPage') {
            targetPage = const FirstTabSecondPage();
          } else if (routeSettings.name == '/firstTab/thirdPage') {
            targetPage = const FirstTabThirdPage();
          }
          return MaterialPageRoute(builder: (context) => targetPage);
        },
      );
    case 1:
      return const SecondTabPage();
    case 2:
      return const ThirdTabPage();
    default:
      return const FirstTabHomePage();
  }
}

首个tab内部页面跳转时调用子导航栈即可：

// 第一tab首页的按钮点击跳转逻辑
onPressed: () => Navigator.pushNamed(context, '/firstTab/secondPage'),

• 注意：如果需要适配安卓返回键，需要在外层Scaffold包裹WillPopScope，优先判断子导航栈是否可返回，避免直接退出应用。

• 方案2：IndexedStack控制页面显隐（适合子页面数量少的场景）
  提前把首个tab对应的所有子页面放到IndexedStack中，通过状态变量切换显示的页面，全程不调用导航栈跳转，性能更稳定。
  核心实现代码：

// 首个tab的容器组件
class FirstTabContainer extends StatefulWidget {
  const FirstTabContainer({super.key});

  @override
  State<FirstTabContainer> createState() => _FirstTabContainerState();
}

class _FirstTabContainerState extends State<FirstTabContainer> {
  int _currentSubPageIndex = 0;
  final List<Widget> _subPages = const [
    FirstTabHomePage(),
    FirstTabSecondPage(),
    FirstTabThirdPage(),
  ];

  @override
  Widget build(BuildContext context) {
    return IndexedStack(
      index: _currentSubPageIndex,
      children: _subPages,
    );
  }

  // 子页面可通过回调或者状态管理工具调用该方法切换页面
  void switchSubPage(int index) {
    setState(() => _currentSubPageIndex = index);
  }
}

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