Custom Bottom Navigation Bar in flutter

Question

how to create custom bottomNavigation Bar in flutter that looks like this:

Answer 1

this plugin will help you design such Bottom Navigation Bar.

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'),
 )
);

You can also use thisplugin