SalomonBottomBar constructor

SalomonBottomBar({
  1. Key? key,
  2. required List<SalomonBottomBarItem> items,
  3. Color? backgroundColor,
  4. int currentIndex = 0,
  5. dynamic onTap(
    1. int
    )?,
  6. Color? selectedItemColor,
  7. Color? unselectedItemColor,
  8. double? selectedColorOpacity,
  9. ShapeBorder itemShape = const StadiumBorder(),
  10. EdgeInsets margin = const EdgeInsets.all(8),
  11. EdgeInsets itemPadding = const EdgeInsets.symmetric(vertical: 10, horizontal: 16),
  12. Duration duration = const Duration(milliseconds: 500),
  13. Curve curve = Curves.easeOutQuint,
})

A bottom bar that faithfully follows the design by Aurélien Salomon

https://dribbble.com/shots/5925052-Google-Bottom-Bar-Navigation-Pattern/

Implementation

SalomonBottomBar({
  Key? key,
  required this.items,
  this.backgroundColor,
  this.currentIndex = 0,
  this.onTap,
  this.selectedItemColor,
  this.unselectedItemColor,
  this.selectedColorOpacity,
  this.itemShape = const StadiumBorder(),
  this.margin = const EdgeInsets.all(8),
  this.itemPadding = const EdgeInsets.symmetric(vertical: 10, horizontal: 16),
  this.duration = const Duration(milliseconds: 500),
  this.curve = Curves.easeOutQuint,
}) : super(key: key);