tab-screens.js

import * as React from 'react';
import {Text} from 'react-native';
import {NavigationContainer} from '@react-navigation/native';
import {createBottomTabNavigator} from '@react-navigation/bottom-tabs';

// Our Tabs
function Tab1() {
  return <Text>Tab 1</Text>;
}

function Tab2() {
  return <Text>Tab 2</Text>;
}

// Initialize the Tab navigator
const Tab = createBottomTabNavigator();

// We always surround navigator with NavigationContainer
function TabsNavigation() {
  return (
    <NavigationContainer>
      <Tab.Navigator>
        <Tab.Screen name="Tab1" component={Tab1} />
        <Tab.Screen name="Tab2" component={Tab2} />
      </Tab.Navigator>
    </NavigationContainer>
  );
}

export default TabsNavigation;