如何在 Flutter 中实现这种自定义底部导航栏？

【问题标题】：How can I achieve this type of custom Bottom Navigation Bar in Flutter?如何在 Flutter 中实现这种自定义底部导航栏？
【发布时间】：2021-12-24 02:17:43
【问题描述】：

我正在尝试使用 Flutter 创建一个与下图完全相同的底部导航栏。

什么类型的flutter包或者自定义导航栏可以实现这个？

【问题讨论】：

标签： flutter dart flutter-dependencies dart-pub flutter-bottomnavigation

【解决方案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
    ],
  ),
))

【讨论】：