✓ Stack과 Tab Navigator 결합
Tab Navigator와 Stack Navigator를 같이 사용하여 자유로운 네비게이션이 가능하도록 만들었다.
✓ FlatList로 lazily하게 컴포넌트를 렌더
컴포넌트가 화면 상에 있으면 렌더링 하고 없으면 렌더링 하지 않는 방법으로 스크롤뷰의 성능을 높일 수 있었다.
✓ 이미지를 원하는 비율로 렌더
useWindowDimensions
로 핸드폰 화면의 사이즈와Image.size
로 실제 이미지의 사이즈를 구하여 알맞은 비율로 계산하여 이미지를 렌더시킬 수 있었다.
✓ FlatList vs ScrollView
ScrollView는 보여질 데이터가 많을 경우 한꺼번에 렌더시키기 때문에 성능 저하를 일으킨다. 이럴 경우, FlatList가 적합하다.
✓ Header title에 이미지 넣기
headerTitle
옵션에image
태그를 리턴하는 함수를 넣어준다.
✓ Tab 안에 Stack 개념
Tab의 스크린은 Stack의 첫 번째 스크린이다. 나머지 stack 스크린은 모든 탭에서 공유하는 스크린이다.
✓ Tab & Stack 내용 정리
✓ FEED 블로깅
✓ TIL 쓰기