自定义底部导航圆角图标

Question

找不到绘制这样的底部导航的解决方案。这个问题已经在 3 年前被问过这里。

我尝试从那里提供的链接编辑代码，但没有成功。也许有人已经有了解决方案或者可以指出我特定的库？

Answer 1

您正在寻找名为凸底栏的软件包：

官方示例：

import 'package:convex_bottom_bar/convex_bottom_bar.dart';

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'),
    ],
    onTap: (int i) => print('click index=$i'),
  )
);