모바일 애플리케이션은 보통 여러 화면으로 구성되어 있습니다. 예를 들어, 인스타그램(Instagram) 애플리케이션은 회원 인증 화면, 홈 화면, 검색 화면, 새 사진 추가 화면, 활동 화면, 프로필 화면 등으로 구성되어 있어요. 이렇게 여러 화면으로 구성된 애플리케이션을 만들려면 내비게이션(navigation) 관련 서드 파티 라이브러리를 사용해야 합니다.
내비게이션과 관련해 사용할 수 있는 라이브러리가 두 개 있습니다.
• react-navigation: 리액트 네이티브 커뮤니티에서 관리하며, 사용률이 가장 높은 라이브러리입니다. 리액트 공식 매뉴얼에서도 이 라이브러리로 화면을 전환하는 방법을 소개합니다. 이 라이브러리는 내비게이션 기능이 자바스크립트로 구현되어 있습니다.
• react-native-navigation: 홈페이지 제작 서비스 Wix에서 관리합니다. 이 라이브러리는 이미 만들어진 네이티브 앱에 리액트 네이티브를 적용하는 경우 사용하기에 더 적합하며, 내비게이션 기능이 자바스크립트가 아닌 각 플랫폼의 네이티브 코드로 구현되어 있기 때문에 react-navigation보다 더욱 네이티브스러운 사용 경험을 제공합니다.
이 책에서는 react-navigation 라이브러리를 사용해 화면 전환을 구현하는 방법을 알아보겠습니다. 이 라이브러리가 2021년 기준 react-native-navigation보다 5배 정도 더 많이 사용되고 있으며, 사용법도 더 쉽고, 별도 API가 아닌 리액트 컴포넌트를 사용해 화면을 설정할 수 있다는 장점이 있습니다.