Bottom Navigation Bar

Default flutter bottom navbar

Tanpa state management :

int selectedIndex = 1;

bottomNavigationBar: BottomNavigationBar(
    type: BottomNavigationBarType.fixed,
    selectedItemColor: Colors.blue,
    showUnselectedLabels: false,
    onTap: (index) {
      setState(() {
        selectedIndex = index;
      });
    },
    currentIndex: selectedIndex,
    items: const [
      BottomNavigationBarItem(
        icon: Icon(Icons.home),
        label: 'Home',
      ),
      BottomNavigationBarItem(
        icon: Icon(Icons.settings),
        label: 'Settings',
      ),
      BottomNavigationBarItem(
        icon: Icon(Icons.add_call),
        label: 'Calls',
      ),
    ],
  ),

Dengan riverpod :

GitHub - asamarsal/Flutter-Bottomnavbar-Riverpod: Example of bottom navbar + riverpodGitHub