React Native 화면 전환

@react-navigation/native

설치

Stack, Tab

yarn add @react-navigation/native react-native-screens react-native-safe-area-context @react-navigation/native-stack @react-navigation/bottom-tabs

Drawer

yarn add @react-navigation/native react-native-screens react-native-safe-area-context @react-navigation/drawer react-native-gesture-handler react-native-reanimated

사용법

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

const Stack = createNativeStackNavigator();

return (
  <Stack.Navigator initialRouteName="HomeScreen">
    <Stack.Screen
      name="HomeScreen"
      component={HomeScreen}
      options={{title: '홈'}}
    />
  </Stack.Navigator>
)