React Native 2

RN GraphQL 결과는 제대로 오는데, 랜더링이 안됨

랜딩 스크린이 여러가지 섹션으로 구분이 되고, 각 섹션 마다 GraphQL Query가 하나씩 매핑이 되어있는 상황에서, gql`` 문법을 이용해 해당 쿼리들을 모두 모아 놓고 컴포넌트 함수 도입 부분에 useQuery를 이용해서 data를 채워 넣은 다음 data가 null이 아닌 경우에만 랜더링 하도록 View를 작성하였는데, 이상하게도 가장 데이터가 많은 섹션만 랜더링이 되고, 나머지 섹션은 랜더링이 안되는 문제가 있었다. console.log로 데이터를 확인해 봤을 땐, 서버에서 정상적으로 가져오고 있는데... 왜 랜더링이 안될까? 이번에도 에러 상황이 아니어서 문제 상황을 유추해야했다. data가 새로 채워진 것을 리액트가 알아채지 못하는 상황인건 분명했다. 이런 저런 시도를 해보다가, useE..

trouble shooting 2020.10.19

RN stack navigator와 screen의 재활용

잊어버리기 전에... 리액트 네이티브로 사이드 프로젝트를 진행하면서 에러 메시지가 명확하지 않아 문제 상황을 어렵게 유추해야하는 경우가 꽤 있다.. PhotoPicker PhotoEditor MainEditor (앱의 흐름) 얼마 전에는 PhotoEditor(이미지 선택 후 순서, 캡션 등을 수정할 수 있는 페이지)에서 수정을 마치고 MainEditor로 넘어갔다가, 다시 PhotoEditor로 되돌아 간 뒤 MainEditor로 되돌아가면 의도와 다르게 동작하는 문제가 있었다. 현재는 스크린 이동시 유지 시키고 싶은 정보를 navigation.navigate 함수의 파라미터를 통해 전달시킴으로써 유지시키고 있다. 어쨌든 A -> B -> C -> B -> C 에서 유지 시키고 싶은 정보는 같이 전달하면..

trouble shooting 2020.10.19