#탭 화면 구현 예제 코드

import React from 'react';

 

import {

   StyleSheet,

   Text,

   View,

   StatusBar,

   Button,

} from 'react-native';

import {NavigationContainer} from '@react-navigation/native';

 

import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';

 

function HomeScreen() {

  return (

    <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>

      <Text>Home!</Text>

    </View>

  );

}

 

function SettingsScreen() {

  return (

    <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>

      <Text>Settings!</Text>

    </View>

  );

}

 

const Tab = createBottomTabNavigator();

 

export default function App() {

  return (

    <NavigationContainer>

      <Tab.Navigator>

        <Tab.Screen name="Home" component={HomeScreen} />

        <Tab.Screen name="Settings" component={SettingsScreen} />

      </Tab.Navigator>

    </NavigationContainer>

  );

}