I want to design this Navigation Bar in flutter but can't manage to round border and place floa-CodePudding

Can anyone help with this ? Navigatioon Bar Reuired

CodePudding user response：

Try this package. animated_bottom_navigation_bar

CodePudding user response：

add this package in animated_bottom_navigation_bar: ^0.3.3 in pubspec.yaml then add below code then run customize

Scaffold(
   floatingActionButton: FloatingActionButton(
      //params
   ),
   floatingActionButtonLocation: FloatingActionButtonLocation.centerDocked,
   bottomNavigationBar: AnimatedBottomNavigationBar(
      icons: iconList,
      activeIndex: _bottomNavIndex,
      gapLocation: GapLocation.center,
      notchSmoothness: NotchSmoothness.defaultEdge,
      onTap: (index) => setState(() => _bottomNavIndex = index),
      //other params
   ),
);