5.1.2 라이브러리 적용하기

리액트 네이티브 프로젝트에 라이브러리를 적용하기 위해서는 @react-navigation/native에서 NavigationContainer 컴포넌트를 불러와 사용해 앱 전체를 감싸주어야 합니다. App 컴포넌트를 열어 파일 내용을 모두 지우고 다음과 같이 코드를 작성하세요.

App.js

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

function App() {
  return <NavigationContainer>{/* 내비게이션 설정 */}</NavigationContainer>;
}

export default App;

리액트 네이티브 프로젝트를 만들었을 때 기본적으로 들어있는 내용은 불필요하므로 모두 지웠습니다. NavigationContainer 컴포넌트 간에는 내비게이션 설정을 JSX로 선언할 수 있습니다. 다음 절에서 내비게이션 설정 방법을 알아보겠습니다.