유미의 기록들

지금 진행하고 있는 프로젝트 앱은 카메라/앨범/위치추적 관련 서비스를 이용하기 때문에 이를 접근하기 위한 권한 허용 메시지를 띄우려고 한다 앱 권한을 구현하기 위한 방법에는 2가지가 있다. 1️⃣ React Native에서 제공하는 PermissionsAndroid를 사용하는 방법 (안드로이드만 가능) 2️⃣ React Native permissions 라이브러리를 이용하는 방법 나는 PermissionsAndroid를 사용하여 구현해보겠다 https://reactnative.dev/docs/permissionsandroid PermissionsAndroid · React Native Project with Native Code Required reactnative.dev 구현하기 전에 몇가지 생각해야 ..

상품등록screen → 갤러리screen → 카메라screen으로 push했을 때는 componentDidMount()가 실행이 되었다 하지만, 카메라screen → 상품등록screen으로 goBack했을 때 카메라screen에서 받아온 데이터를 상품등록screen의 state에 넣어줄 것을 예상했지만 constructor, componentDidMount()가 아예 실행이 되지 않았다 즉, 재렌더링이 이루어지지 않고 있다는 느낌을 받았다 리액트 네이게이션 공식문서를 보면 네이게이션 라이프 사이클이라는 것이 있었다 https://reactnavigation.org/docs/navigation-lifecycle https://reactnavigation.org/docs/navigation-lifecycle..

카메라에서 찍은 이미지들을 등록버튼을 눌렀을 때, 상품등록 페이지로 여러장을 한번에 나오도록 하기 1. 상품등록 화면에서 이미지들을 보여줄 때 카메라 화면과 의존적이기 때문에 라우트 파라미터로 값을 전달한다 2. 이미지를 여러장 보여줘야 하므로 FlatList컴포넌트를 사용해서 보여준다 🔎 Flat List vs Scroll View 많은 양의 스크롤이 필요한 리스트 아이템을 보여줄 때 FlatList나 ScrollView 컴포넌트를 사용한다 ScrollView는 데이터가 화면 밖에 있을 때 단순히 스크롤을 생성해서 벗어난 부분을 고정적으로 볼 수 있게 해주는 목적이 다. 따라서 출력해야 하는 데이터가 많지 않을 때 간단하게 사용하는 편이다 FlatList도 마찬가지로 스크롤을 생성하지만, 화면에 보여지..