Bottom Nav Bar

Bottom navigation for primary app sections.

Installation

CLI

flutter_studio add bottomnavbar

Package

flutter pub add flutter_studio

Usage

CustomBottomNavBar(
  currentIndex: selectedIndex,
  items: [
    BottomNavItem(icon: Icons.home, label: 'Home'),
    BottomNavItem(icon: Icons.search, label: 'Search'),
    BottomNavItem(icon: Icons.person, label: 'Profile'),
  ],
  onTap: (index) {
    setState(() {
      selectedIndex = index;
    });
  },
)

API Reference

Properties

Property	Type	Default	Description
currentIndex	int	required	Selected tab index
items	List	required	Navigation items