flutter - 颤动中的自定义底部导航栏

Question

如何在 Flutter 中创建自定义的底部导航栏，如下所示：

标签： flutterdartflutter-dependencies

Answer 1

这个 插件将帮助您设计这样的底部导航栏。

Scaffold(
  bottomNavigationBar: ConvexAppBar(
    items: [
      TabItem(icon: Icons.home, title: 'Home'),
      TabItem(icon: Icons.map, title: 'Discovery'),
      TabItem(icon: Icons.add, title: 'Add'),
      TabItem(icon: Icons.message, title: 'Message'),
      TabItem(icon: Icons.people, title: 'Profile'),
  ],
  initialActiveIndex: 2,//optional, default as 0
  onTap: (int i) => print('click index=$i'),
 )
);

你也可以使用这个插件