SafeAreaView

SafeAreaView의 목적은 디바이스의 안전 영역(safe area) 내에 콘텐츠를 렌더링하는 것이다. 현재 iOS 11 이상 버전에서만 사용할 수 있다.

SafeAreaView는 중첩된 콘텐츠를 렌더링하고, 네비게이션 바, 탭 바, 툴바, 그리고 다른 상위 뷰에 가려지지 않는 부분을 반영하기 위해 자동으로 패딩을 적용한다. 또한, 가장 중요한 점은 안전 영역의 패딩이 화면의 물리적 제한 사항(예: 둥근 모서리 또는 아이폰 13의 카메라 노치 센서 하우징 영역)을 반영한다는 것이다.

예제

사용하려면 최상위 뷰를 flex: 1 스타일이 적용된 SafeAreaView로 감싸면 된다. 또한 앱 디자인에 맞는 배경색을 사용하는 것도 고려할 수 있다.

---

참고 자료

Props

View Props

View Props를 상속받는다.

SafeAreaView에 적용된 스타일에서 패딩 규칙은 컴포넌트의 동작을 구현하는 데 사용되므로 무시된다. 이로 인해 플랫폼에 따라 다른 결과가 발생할 수 있다. 자세한 내용은 #22211을 참고한다.