You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Flutter如何在不属于导航栏跳转列表的页面上展示该导航栏?

解决方案

这个需求可以直接实现,不需要为第三个页面单独开发自定义导航栏,你现有的框架结构已经支持扩展,修改几个位置即可正常运行:

  • 你当前的BottomNavigationBar已经配置了3个对应的item选项,只需要补全pages列表,把ThirdPage加入数组即可,和你尝试的修改方向一致:
List<Widget> pages = [
  FirstPage(),
  SecondPage(),
  ThirdPage()
];
  • 调整你写的tab切换方法,把状态变更的逻辑放到setState回调内即可生效:
state() {
  setState(() {
    tabIndex = 2;
  });
}
  • 如果后续需要打开未预设到底部导航的页面、同时保留导航栏显示,只需要在对应tab内部使用嵌套Navigator跳转新页面,外层的BottomNavigationBar会一直保留在页面底部。

内容的提问来源于stack exchange,提问作者helloitsme3

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.09.30 08:06:03