앱 페이지 적용 - 1 , 네비게이터란?
네비게이터란 ?
앱에 여러 페이지를 만들었다면 그 페이지를 이동할 수 있는 기능을 의미한다.
--> React Navigation이라는 도구 사용할 것 (Expo측에서 개발한)
[React Navigation 설치 가이드] --> yarn을 통해 설치
https://reactnavigation.org/docs/getting-started/
--> 기본 설치 코드 (네비게이터 활용을 위한)
yarn add @react-navigation/native
expo install react-native-gesture-handler react-native-reanimated react-native-screens react-native-safe-area-context @react-native-community/masked-view
--> 네비게이터는 페이지 제어를 위한 기본 도구이며, 이것 위해 원하는 형태의 네이게이터를 받아 사용해야한다.
설치 - 스택네비게이터
--> 스택 네비게이터은 컴포넌트에 페이지 기능을 부여해주고 페이지(컴포넌트) 이동을 가능하게 해준다.
스택 네비게이터이라고 부르는 이유는 페이지를 스택형태로 쌓기 때문이다.
--> 즉, 페이지를 이동할 때마다 페이지를 스택으로 쌓다가 뒤로가기를 누르면 쌓았던 페이지를
내보내서 이전 페이지로 돌아갈 수 있다.
페이지 --> Stack.Screen
책갈피 --> Stack.Navigation
--> 스택 네비게이터 설치 코드
yarn add @react-navigation/stack
Author And Source
이 문제에 관하여(앱 페이지 적용 - 1 , 네비게이터란?), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@odesay97/리액트-네이티브-앱-페이지-적용-1저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)