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>
);
}