Bottom Navigation

npm i react-navigation

./src/navigation/index.js

import React from 'react';
import { NavigationContainer } from '@react-navigation/native';
import BottomNavigation from './bottomNavigation';

export default ()=>
<NavigationContainer>
    <BottomNavigation/>
</NavigationContainer>

./src/navigation/bottomNavigation/index.js

import React from 'react';
import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
import test from '../../screens/home';

const Tab = createBottomTabNavigator();

export default () => {
  return (
    <Tab.Navigator>
      <Tab.Screen name="Home" component={test} />
      <Tab.Screen name="Settings" component={test} />
    </Tab.Navigator>
  );
}