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。 如需更多幫助，您可以分享應用程序的一些代碼部分和說明。