flutter bottom navigation

import 'package:flutter/material.dart';

class CustomerHomeScreen extends StatefulWidget {

  const CustomerHomeScreen({super.key});

  @override

  State<CustomerHomeScreen> createState() => _CustomerHomeScreenState();

}

class _CustomerHomeScreenState extends State<CustomerHomeScreen> {

  int _selectIndex=0;

  final List<Widget> _tabs=const[

    Center(child: Text('home screen')),

    Center(child: Text('category screen')),

    Center(child: Text('stores screen')),

    Center(child: Text('cart screen')),

    Center(child: Text('profile screen')),

  ];

  @override

  Widget build(BuildContext context) {

    return Scaffold(

      body:_tabs[_selectIndex] ,

      bottomNavigationBar: BottomNavigationBar(

        elevation: 0,

        selectedLabelStyle: const TextStyle(fontWeight: FontWeight.w600),

        selectedItemColor: Colors.black,

        // unselectedItemColor:Colors.red,

        type: BottomNavigationBarType.fixed,//check different values

        // currentIndex: 1,

        currentIndex: _selectIndex,

        items: const [

          BottomNavigationBarItem(icon: Icon(Icons.home), label: 'Home'),

          BottomNavigationBarItem(icon: Icon(Icons.search), label: 'Category'),

          BottomNavigationBarItem(icon: Icon(Icons.shop), label: 'Stores'),

          BottomNavigationBarItem(

              icon: Icon(Icons.shopping_cart), label: 'Cart'),

          BottomNavigationBarItem(icon: Icon(Icons.person), label: 'Profile'),

        ],

        onTap: (index){

          setState(() {

             _selectIndex=index;

          });

        },

      ),

    );

  }

}