ResponsiveNavigationBar constructor

const ResponsiveNavigationBar({
  1. required List<NavigationBarButton> navigationBarButtons,
  2. required void onTabChange(
    1. int
    ),
  3. Color? backgroundColor,
  4. Gradient? backgroundGradient,
  5. double backgroundOpacity = 0.5,
  6. double backgroundBlur = 2.5,
  7. double borderRadius = 80,
  8. EdgeInsetsGeometry padding = const EdgeInsets.all(6),
  9. EdgeInsetsGeometry outerPadding = const EdgeInsets.fromLTRB(8, 0, 8, 5),
  10. int selectedIndex = 0,
  11. double? fontSize,
  12. TextStyle textStyle = const TextStyle(fontWeight: FontWeight.bold),
  13. Color activeIconColor = Colors.white,
  14. Color inactiveIconColor = Colors.white,
  15. Duration animationDuration = const Duration(milliseconds: 220),
  16. bool showActiveButtonText = true,
  17. int activeButtonFlexFactor = 160,
  18. int inactiveButtonsFlexFactor = 60,
  19. bool debugPaint = false,
  20. Key? key,
})

Put this in Scaffold's bottomNavigationBar

Implementation

const ResponsiveNavigationBar({
  required this.navigationBarButtons,
  required this.onTabChange,
  this.backgroundColor,
  this.backgroundGradient,
  this.backgroundOpacity = 0.5,
  this.backgroundBlur = 2.5,
  this.borderRadius = 80,
  this.padding = const EdgeInsets.all(6),
  this.outerPadding = const EdgeInsets.fromLTRB(8, 0, 8, 5),
  this.selectedIndex = 0,
  this.fontSize,
  this.textStyle = const TextStyle(fontWeight: FontWeight.bold),
  this.activeIconColor = Colors.white,
  this.inactiveIconColor = Colors.white,
  this.animationDuration = const Duration(milliseconds: 220),
  this.showActiveButtonText = true,
  this.activeButtonFlexFactor = 160,
  this.inactiveButtonsFlexFactor = 60,
  this.debugPaint = false,
  Key? key,
}) : super(key: key);