2

I'm currently working on a Flutter project and need assistance with creating a custom-shaped bottom navigation bar. I want to achieve a unique visual design for the bottom navigation bar in my app. To provide clarity, I have attached a screenshot of the desired custom-shaped bottom navigation bar:

enter image description here

I would greatly appreciate any suggestions, guidance, or code samples on how to create a custom-shaped bottom navigation bar in Flutter. Thank you in advance for your assistance!

Hudaif
  • 21
  • 4

1 Answers1

1

You can use this plugin to create a bottom bar like your image https://pub.dev/packages/animated_bottom_navigation_bar

example:-

Scaffold(
   floatingActionButton: FloatingActionButton(
      //params
   ),
   floatingActionButtonLocation: FloatingActionButtonLocation.centerDocked,
   bottomNavigationBar: AnimatedBottomNavigationBar(
      icons: iconList,
      activeIndex: _bottomNavIndex,
      gapLocation: GapLocation.center,
      notchSmoothness: NotchSmoothness.softEdge,
      onTap: (index) => setState(() => _bottomNavIndex = index),
      //other params
   ),
);
MrShakila
  • 874
  • 1
  • 4
  • 19