bottom navigation item switch item code example

Example 1: create bottom navigation bar react native

Copyimport { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
const Tab = createBottomTabNavigator();
function MyTabs() {  return (    <Tab.Navigator>      <Tab.Screen name="Home" component={HomeScreen} />      <Tab.Screen name="Settings" component={SettingsScreen} />    </Tab.Navigator>  );}

Example 2: BottomNavigationBarItem loose color when there are four

bottomNavigationBar: new BottomNavigationBar(
    type: BottomNavigationBarType.fixed,
    items: [
    new BottomNavigationBarItem(icon: new Icon(Icons.add), title: new Text("Text")),
    new BottomNavigationBarItem(icon: new Icon(Icons.person), title: new Text("Contact")),
    new BottomNavigationBarItem(icon: new Icon(Icons.accessibility), title: new Text("Acess")),
    new BottomNavigationBarItem(icon: new Icon(Icons.account_balance), title: new Text("Balance"))
  ]),