SafeAreaView

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

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

예제

사용하려면 최상위 뷰를 flex: 1 스타일이 적용된 SafeAreaView로 감싸면 된다. 또한 애플리케이션 디자인과 어울리는 배경색을 사용하는 것도 고려해 볼 만하다.

---

참고

Props

View Props

View Props를 상속한다.

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