Barra de navegación inferior personalizada en aleteo [duplicado]

Question

cómo crear una barra de navegación inferior personalizada en flutter que se vea así:

Answer 1

este complemento lo ayudará a diseñar dicha barra de navegación inferior.

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

También puedes usar este complemento