728x90
반응형
SafeAreaView
아이폰에서 notch 디자인으로 나오면서 위에 header랑 밑에 바닥까지 나오게 되면서 문제가 생긴다.
ex)
위처럼 못생겨지는데 이를 해결하기 위해서 있는게 SafeAreaView라는것이다.
해당 태그를 쓰면 아래처럼 깔끔해진다.
ex)
참조 링크 : https://velog.io/@7p3m1k/react-native-태그SafeAreaView
[react-native 태그]SafeAreaView
요즘 노치 디자인으로 핸드폰이 나와서 위와 같이 영역을 침범하는 경우가 있다이걸 해결하는 방법으로 SafeAreaView가 있다방법은 간단하다 view태그 대신 SafeAreaView 태그를 사용하면 된다.물론 impo
velog.io
반응형
'코딩일기 > React-Native' 카테고리의 다른 글
[ReactNative 공부] ScrollView child layout height 적용 (0) | 2021.05.18 |
---|---|
[ReactNative 공부] Demensions 사용 (0) | 2021.05.18 |
[ReactNative 공부] ScrollView와 Flatlist (0) | 2021.05.18 |
[React 기초] Props란 (0) | 2021.05.12 |
[React 기초] State 란? (0) | 2021.05.12 |