Flutter动态底部导航栏

Question

在我的项目中，我有 4 个屏幕。

首页 - 帮助中心 - 搜索 - 个人资料。

在主页中：我的 AppBar 有前导和操作按钮，没有标题且透明。

在帮助中心 我的 AppBar 有前导没有操作按钮有标题和它的自定义应用程序栏。

在搜索屏幕中：使用与帮助中心屏幕相同的应用栏，但有操作按钮和前导。

我的问题是： 正如您在我的应用程序中所了解的那样，我使用了几个不同的应用程序栏。那么如何动态连接 bottomNavigationBar 呢？ Appbars 不一样，这就是为什么我现在不能使用 bottomNavigationBar 的原因。 那我该怎么办呢？我怎样才能使它动态？感谢大家的回复！

Answer 1

连接bottomNavigationBar是什么意思？ 我完全不明白你的问题是什么，但如果你希望底部导航栏对你的所有页面都是通用的，你可以使用这种方法：

//class variable
final _screens = [
  const Page1(),
  const Page2(),
  const Page3(),
];

//your start page
return Scaffold(
  resizeToAvoidBottomInset: false,
  body: Stack(
    children: [
      _screens[_currentIndex],
      //some code
    ],
  ),
);

您可以通过点击导航栏项目来更改 _currentIndex。如需更多帮助，您可以分享您应用的一些代码部分和说明。