Flutter BottomNavigationBar点击无响应无法跳转且兼容TabBarView问题求助

• 底部导航的onTap回调绑定错误：你给BottomNavigationBar的onTap属性传的是showPage方法，这个方法的作用是返回对应页面的Widget，不会触发状态更新。你定义的changePage才是用来更新selectedPage变量、触发页面重绘的方法，回调绑错了自然不会有切换反应。
• Scaffold的body逻辑写死：当前body直接固定为TabBarView，完全没有和selectedPage的状态关联，也没有调用showPage方法渲染对应页面，不管底部导航选中索引怎么变，body都不会切换。

实现逻辑：底部导航选中第一个「Main」项时，保留原有顶部TabBar + TabBarView的完整功能；选中其他底部项时，渲染showPage返回的对应页面，同时隐藏顶部的TabBar。 #

1. 修正底部导航的onTap绑定 #

把BottomNavigationBar的onTap属性从showPage改成changePage：

bottomNavigationBar: BottomNavigationBar(
  showUnselectedLabels: true,
  currentIndex: selectedPage,
  onTap: changePage, // 此处修改为状态更新方法
  items: const [
    BottomNavigationBarItem(
        icon: Icon(Icons.home),
        label: 'Main',
        backgroundColor: Colors.blue),
    BottomNavigationBarItem(
        icon: Icon(Icons.category_outlined),
        label: 'Category',
        backgroundColor: Colors.blue),
    BottomNavigationBarItem(
        icon: Icon(Icons.book_online),
        label: 'Photos',
        backgroundColor: Colors.blue),
    BottomNavigationBarItem(
        icon: Icon(Icons.video_call),
        label: 'Video',
        backgroundColor: Colors.blue),
  ],
),

2. 动态控制AppBar的bottom属性 #

只有选中第一个底部导航项时才显示顶部TabBar，否则隐藏：

appBar: AppBar(
  backgroundColor: (Colors.white),
  iconTheme: const IconThemeData(color: Colors.black),
  title: Transform.translate(
    offset: const Offset(-24.0, 0.0),
    child: Image.asset("assets/images/lo.png",
        fit: BoxFit.contain, height: 22),
  ),
  // 动态控制TabBar显隐
  bottom: selectedPage == 0 ? PreferredSize(
    preferredSize: const Size.fromHeight(30.00),
    child: ColoredBox(
      color: Colors.white,
      child: TabBar(
          labelColor: Colors.purple[100],
          indicatorColor: Colors.purple,
          isScrollable: true,
          labelPadding:
              const EdgeInsets.symmetric(horizontal: 8.0),
          tabs: tabs),
    ),
  ) : null,
),

3. 动态渲染Scaffold的body #

根据selectedPage的值判断渲染内容：选中第一个项时显示原有TabBarView，否则调用showPage方法返回对应页面：

body: selectedPage == 0 ? TabBarView(
  children: [
    for (final tab in filteredList)
      NewsView(
        id: tab.id!,
      ),
  ],
) : showPage(selectedPage),

可选优化：建议修改showPage的参数名避免和全局变量重名引发歧义，例如改为Widget showPage(int index)，逻辑无需改动。

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