[React Native]React Navigation

Navigation 이란?

웹 브라우저에서 내비게이션은 URL을 입력해서 특정 페이지에 도달하고 링크를 사용하여 하위 페이지로 이동하는 개념이지만

앱에서는 버튼을 눌러서 한 화면에서 다른 화면으로 이동하거나 이전 화면으로 돌아가는 식

보통 *서드 파티 패키지인 react navigation을 사용한다. 라우팅 및 내비게이션을 추가하기 위해 만들어진 패키지이다.

(*서드 파티 패키지? 주로 편한 개발을 위해 플러그인이나 라이브러리 혹은 프레임워크를 이용하는 데 이처럼 제 3자로 중단다리 역할로 도움을 주는 것이 서드 파티라고 볼 수 있다.)

컴포넌트 기반의 라이브러리이므로 내비게이션 구성을 설정할 수 있는 다양한 컴포넌트를 제공한다.

공식 문서로 가서 상황에 맞게 터미널로 설치먼저 해주어야 한다.

import { StatusBar } from 'expo-status-bar';
import { NavigationContainer } from '@react-navigation/native';

export default function App() {
	 return (
			<>
//상태표시줄은 감쌀 필요가 없는데 상태 표시줄의 스타일링만 조정하는 유틸리티 컴포넌트 이기 때문이다.
				<StautusBar />
				<NavigationContainer>
					<MainScreen>
				</NavigationContainer>
			</>
		
	)
}

이렇게 준비가 끝났다면 다양한 내비게이션 중에 필요한 기능을 골라 터미널로 설치 후 추가 패키지를 실행해 주어야한다.