리액트 네이티브 앱 개발 #4-2 Expo 내비게이션 설치 및 화면 구성

리액트 네이티브리액트 네이티브 내비게이션 설치 및 화면 구성

 

React Native 네비게이션은 화면 전환과 이동을 정의하는 역할을 합니다.

$ npm install @react-navigation/native-stack

실행 후 다음과 같은 오류가 나온다면?

npm error code ERESOLVE
npm error ERESOLVE unable to resolve dependency tree
npm error
npm error While resolving: rn02@1.0.0
npm error Found: react-native-screens@3.31.1
npm error node_modules/react-native-screens
npm error   react-native-screens@"3.31.1" from the root project
npm error
npm error Could not resolve dependency:
npm error peer react-native-screens@">= 4.0.0" from @react-navigation/native-stack@7.0.0
npm error node_modules/@react-navigation/native-stack
npm error   @react-navigation/native-stack@"*" from the root project
npm error
npm error Fix the upstream dependency conflict, or retry
npm error this command with --force or --legacy-peer-deps
npm error to accept an incorrect (and potentially broken) dependency resolution.
npm error
npm error
npm error For a full report see:
npm error C:\Users\\AppData\Local\npm-cache\_logs\2024-11-10T14_35_09_029Z-eresolve-report.txt
npm error A complete log of this run can be found in: C:\Users\\AppData\Local\npm-cache\_logs\2024-11-10T14_35_09_029Z-debug-0.log

해당 에러 메세지는, 앞서 설치했던 react-native-screens 패키지 버전이 3.31.1 이라서 ... 버전 4 이상을 재 설치해야 한다고 합니다.

screens@latest 버전 설치 후

$ npm install react-native-screens@latest

changed 1 package, and audited 1129 packages in 4s

134 packages are looking for funding
  run `npm fund` for details

3 moderate severity vulnerabilities

 

native-stack 재 설치

$ npm install @react-navigation/native-stack

added 6 packages, and audited 1135 packages in 6s

134 packages are looking for funding
  run `npm fund` for details

3 moderate severity vulnerabilities

정상적으로 설치 되었습니다!!!

가이드 대로 순서대로 진행 하는데도 ... 초보한테는 뭔가 가혹한 환경 이네요 ^^;;
그냥 열심 달리는 걸루~

이눔의 의.존.성 ...