화면 전용 컴포넌트가 모두 준비됐습니다.

이제 네이티브 스택 내비게이터를 만들어봅시다. 네이티브 스택 내비게이터는 createNativeStack Navigator라는 함수를 사용해 만들 수 있습니다.

App 컴포넌트를 다음과 같이 수정해주세요.

App.js

import React from 'react';
import {NavigationContainer} from '@react-navigation/native';
import {createNativeStackNavigator} from '@react-navigation/native-stack';
import HomeScreen from './screens/HomeScreen';
import DetailScreen from './screens/DetailScreen';

const Stack = createNativeStackNavigator();

function App() {
  return (
    <NavigationContainer>
      <Stack.Navigator initialRouteName="Home">
        <Stack.Screen name="Home" component={HomeScreen} />
        <Stack.Screen name="Detail" component={DetailScreen} />
      </Stack.Navigator>
    </NavigationContainer>
  );
}

export default App;