react-native 사용 시 아이폰 notch 영역에 ui를 그리지 않게 하는 방법

 출처: https://www.freecodecamp.org/news/how-to-use-safe-area-context-to-avoid-notches-in-react-native-apps/

safe-area-view를 사용한다.

import {SafeAreaView} from 'react-native'

SafeAreaView를 먼저 적고 안에 코드를 적는다.

 <SafeAreaView>

<View> 

</View>

</SafeAreaView>

 이 방법은 iphone에 적용되고 android에는 적용되지 않는다.

android에까지 적용되는 방법은 출처를 확인해 보자.