2021.10.06 TIL

😎 Things I Learned

✓  setOptions로 네이게이터 옵션 변경
Navigation.setOptions로 navigation 이동 시, screen의 option을 변경 할 수 있다.

✓  useLazyQuery
useLazyQuery는 useMutation과 같이 요청을 발생시키는 함수가 주어지고, query를 요청하는 시점을 제어할 수 있다.

✓  FlatList Grid
FlatList의 numColumns로 리스트의 요소들을 N렬로 정렬할 수 있다.

🤔 Things To Remember

✓  useQuery vs useLazyQuery
useQuery는 컴포넌트 마운트 시 자동 실행되어 제어할 수 없는 반면, useLazyQuery는 쿼리를 발생시키는 함수가 주어져서 제어할 수 있다.

✓  Refresh in ScrollView vs FlatList
ScrollView에서는 RefreshControl이라는 props 안에 refreshing (새로고침 사용 여부)와 onRefresh (새로고침 시 실행할 함수)가 들어간다.

✓  FlatList Grid 사이즈 조절
FlatList의 요소들을 N등분으로 정확히 나누고 싶다면, useWindowDimensions으로 화면의 너비를 구한 후 numColumn에 N만큼 나누어 주면 된다.

🤓 Things To Do

✓  사진 눌렀을 때 전체 댓글 보여주기
✓  내 프로필 (Me) 컴포넌트 만들기
✓  Photo 블로깅