본문 바로가기

react native navigation

Bottom tabs navigator 배치하기 - 1
프로그래밍/React, React-Native 2022. 3. 20. Bottom tabs navigator 배치하기 - 1 React Native bottom tabs navigator는 위와 같이 화면 하단에 있는 간단한 탭 표시줄로 다른 경로를 전환할 수 있는 네비게이션이다. 1. 설치 아래 명령어를 입력해 관련 라이브러리를 설치한다.(두번째 줄도 설치해줘야 RNSScreen 에러가 발생하지 않는다.) npm install @react-navigation/bottom-tabs npm install react-native-screens react-native-safe-area-context 2. BottomTabs 컴포넌트 생성 및 네비게이터 옵션 @react-navigation/bottom-tabs을 import 해주고 아래와 같이 Tab을 정의해준다. import {createBottomTabNavigator} from..
Invariant Violation: requireNativeComponent: "RNSScreen" was not found in the UIManager.
프로그래밍/Error Log 2022. 3. 19. Invariant Violation: requireNativeComponent: "RNSScreen" was not found in the UIManager. Invariant Violation: requireNativeComponent: "RNSScreen" was not found in the UIManager. 하단 네비게이션 배치 중 위와 같은 에러가 발생했다. 현재 라이브러리는 아래 두가지만 설치한 상황이다. npm i @react-navigation/native @react-navigation/bottom-tabs 이는 네비게이션 관련 라이브러리를 덜 설치해서 발생한 문제인데, react-native 공식 문서를 참고하여 추가 설치를 진행하였다. (참고 : React-Native Getting Start 링크) 1. 설치 npm install react-native-screens react-native-safe-area-context 2. pods ..

티스토리툴바