React-Native

React Native 개발을 시작하며 맞이한 환경설정.. 뭐든 프로젝트 셋팅이 젤 어렵고 재미없고 어이없다.

RN 첫 시작은 쉽게 할 줄 알았는데.. 나는 반응형이 젤 싫어. 누가 react할 줄알면 rn 쉽다했지요?😈

RN은 페이지 전환도 라이브러리이다. 그냥 라이브러리 누가 더 잘 쓰냐 이거 같음..ㅠ

구조를 전체적으로 변경하기 어려운 경우 Tab하위에 Stack이 위치해야할 수도 있을 것이다.

https://react-native-async-storage.github.io/async-storage/docs/usage/브라우저의 localStorage처럼 key-value기반으로 로컬에 데이터를 저장할 수 있게 해주는 라이브러리.localstorage

왜 웹과 앱의 네비게이션 설계 방향성은 다른 것 일까? 공식문서도 보고 구글링해서 다른 분들 개발한 것보니까 보통 네비게이션 구조 설계할 때 디자인적인 것을 더 신경쓰는 것 같음

앱의 확장성을 생각할 때 또 다른 형태의 nav가 언제든지 등장 할 수 있음. 따라서 기능에 따라 네비게이션을 분리한 다음 Main 네비게이션 하위에서 조합하는 것이 유지보수에 이점이 있다고 판단.

Page 별로 헤더를 별개로 만들어 적용네비게이션에서 제공하는 options를 이용해 나타냄상태를 가지거나 조건에 따라 헤더가 변경되어야한다면 navigation.setOptions과 useEffect(useFocusEffect)를 이용하여 헤더를 변경한다.

글로벌 타입으로 asset의 타입을 정의해준다.assest 폴더 하위에 svg를 만들고 하위에 index파일을 만들어 svg 이미지를 한번에 내보낸다공통 컴포넌트인 SvgIcon 컴포넌트를 구현한다. name으로 자동적으로 index에서 내보낸 svg의 이름을 타입으로

https://github.com/moaazsidat/react-native-qrcode-scannerios 폴더 하위의 'your_project/ios/your_project/Info.plist’ 경로에 아래 코드 추가Podfile에 위치 잘보고 아래 코드

react: 화면 전환 → 화면에 접속할 때 마다 상태 초기화react native: 화면 덮어쓰기 → 화면에 접속하더라도 상태 초기화 X

react-native-reanimated와 react-native-gesture-handler를 삭제 후 다시 깔아라..

IOS에서만 나오는 에러로 Stack을 뒤로가기 하여 이전 페이지로 돌아가려고 할 때, mount 된 현재의 stack을 Unmount 시킬 리스너를 찾지 못 한다는 에러이다.