如何在 Flutter 中實現這種類型的自定義底部導航欄？

Question

我正在嘗試使用 Flutter 創建一個與下圖完全相同的底部導航欄。

可以使用什么類型的 flutter 包或自定義導航欄來實現這一點？

Answer 1

你不需要一個包，你可以簡單地使用一個BottomAppBar作為Scaffold bottomNavigationBar ，在里面添加一個Row ，並添加這樣的圖標按鈕：

bottomNavigationBar: BottomAppBar(
    child: Container(
  padding: EdgeInsets.fromLTRB(0, 6, 0, 12),
  child: Row(
    mainAxisAlignment: MainAxisAlignment.spaceEvenly,
    crossAxisAlignment: CrossAxisAlignment.center,
    children: [
      // your icon buttons here
    ],
  ),
))