能否不将导航方法放在Scaffold的body中使用BottomNavigatorBar？

核心冲突是Scaffold的body仅支持单个Widget，你需要将TabBar相关逻辑作为Bottom导航对应索引的子页面实现，而不是和Bottom导航的切换逻辑抢占body的配置位

你只需要两步即可完成整合：

1. 调整showPage方法的逻辑，把当前的TabBarView代码作为showPage对应索引的返回值。示例如下：

Widget showPage(int selectedIndex) {
  switch (selectedIndex) {
    // 假设索引1为你需要展示动态Tab新闻的底部导航项
    case 1:
      // 可根据需求决定是否嵌套Scaffold，需要单独配置AppBar/TabBar就嵌套，否则直接返回TabBarView
      return Scaffold(
        appBar: AppBar(
          title: const Text("新闻频道"),
          // 动态生成的TabBar放在AppBar的bottom属性中
          bottom: TabBar(
            isScrollable: true,
            tabs: [for (final tab in filteredList) Tab(text: tab.title)],
          ),
        ),
        body: TabBarView(
          children: [
            for (final tab in filteredList)
              NewsView(
                id: tab.id!,
              ),
          ],
        ),
      );
    // 其他底部导航项的页面返回逻辑保持不变
    case 0:
      return const HomePage();
    case 2:
      return const MinePage();
    default:
      return const HomePage();
  }
}

2. 外层Scaffold的body保留原有的body: showPage(_selectedIndex)配置即可，不需要额外修改。

注意事项 #

• 动态生成的TabBar和TabBarView需要绑定同一个TabController，建议在State的initState生命周期中初始化，length参数设为filteredList.length，避免JSON数据更新时出现长度不匹配的报错。
• 如果需要切换底部导航后保留Tab页的浏览状态，可以给对应页面的State混入AutomaticKeepAliveClientMixin，防止页面被销毁重建。

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