01 개요
본 문서에서는 리액트 네이티브의 컴포넌트 중 iOS와 android 양측에 동일하게 사용할 수 있는 크로스플랫폼 컴포넌트에 대해 다룬다. 주요한 내용은 공식 홈페이지인 아래 링크를 따르며, 필요하여 확인하고 습득한 부분만 일부 번역 / 추가작성한다. https://reactnative.dev/docs/
최종수정일 : 2023.08.10
02 Layout Outline 관련
02.01 StatusBar
모바일 기기 상단의 현재시간, Wi-Fi 및 셀룰러 네트워크 상태, 배터리 잔량과 다른 상태 아이콘 등을 표시하는 스테이터스 바를 관리한다. 색상, 가시여부, 스타일, 반투명 등의 속성을 설정할 수 있다.
02.02 ScrollView
터치로 인한 "리스폰더(responder)" 시스템을 잠그는 동시에 단락을 스크롤 뷰로 감싸는 역할을 한다. 무제한 길이의 내용물을 스크롤의 기능으로 표현하므로, 정해진 높이 요소를 가지고 있어야 한다.
02.02.01 ScrollView vs Flatlist
스크롤뷰는 모든 요소를 한번에 렌더링하는데, 스크롤이 길 때, 보여지지 않는 아래의 요소는 한번도 사용되지 않으면서 렌더링 속도를 저하시킬 가능성이 존재한다. 플랫리스트는 아이템을 게으르게 렌더링하며 사용시점이 임박했을 때 렌더링하고, 화면에서 제거된 후 특정 시점에는 삭제하여 메모리를 절약한다.
03 Navigation
React Native에서 스크린 간 이동을 할 수 있게 해주는 역할을 하며, 내용은 아래 링크에서 다룬다.
https://velog.io/@velog_sp/ReactNativeNavigator
Philip Sung