SafeArea

SafeAreaView

react-native
iOS version 11 이상에서 적용되는 View 영역
노치 등 하드웨어 장치의 화면 경계 내에서 콘텐츠를 렌더링 하는 것

SafeAreaProvider

react-native-safe-area-context

root(App.tsx)에 추가해야하는 요소
react-native-screens를 사용할 때 모달 및 경로의 루트와 같은
다른 위치에 추가해야 할 수도 있다

props로 모든 View를 허용하고 기본 스타일은 { flex: 1 }

SafeAreaProvider 구성 요소는 consumer View 가 제공한 삽입 이 상대적인 위치입니다. 이는 이 보기가 시스템 요소(상태 표시줄, 노치 등)와 겹치는 경우 이러한 값이 하위 consumer에게 제공됨을 의미합니다. 일반적으로 앱 상단에 하나의 provider가 있습니다.