# SafeAreaView

ttoottie

애플은 2017년 출시한 아이폰 X 이후 현재까지 노치 디자인을 유지하고 있고, 최근 아이폰 14 프로 에서는 새로운 디자인인 다이나믹 아일랜드까지 추가되었습니다.노치와 다이나믹 아일랜드를 지원하는 기종들에서 기존처럼 최상단 컴포넌트를 View 로 구성하게되면 화면 위

freesian12

@react-navigation/bottom-tabs , @react-navigation/native-stack을 사용하고 나서부터 자꾸 노치영역으로 넘어가 버리는 현상이 생김App.js 에 해당 부분을 추가한다.해당 컴포넌트에 SafeAreaView 를 추가한다

cmaw

클릭 시 깜빡거리를 효과를 준다.button과 비슷한 역할을 함.웹의 onclick 역할을 한다.tasks 변수에 tasklist 를 돌린다.이 식은 true 를 반환한다.테스크가 있냐? 라는 식이기 때문!그렇기 때문에 꼭 else 문으로 id 가 다를 경우 false

cmaw

expo 를 이용하여 모바일 상에 어떤모습인지 바로바로 업데이트하여 확인 가능!https://expo.dev/ expo 사이트 회원가입 후 New Project 생성 yarn , npm 을 통해 -global eas 다운받기expo 계정으로 로그인EXPO에서

coffeemj

아이폰엔 M자탈모라 불리는 노치부분이 있다. 그래서 React Native로 앱을 개발할 때 기본 View들만을 사용해서 만들면 상단 부분이 노치에 의해 가려지거나 잘리는 현상이 발생할 수 있다.이 문제를 해결해주는 컴포넌트가 react-native에서 제공되는데, S

7p3m1k

요즘 노치 디자인으로 핸드폰이 나와서 위와 같이 영역을 침범하는 경우가 있다이걸 해결하는 방법으로 SafeAreaView가 있다방법은 간단하다 view태그 대신 SafeAreaView 태그를 사용하면 된다.물론 import를 하고 일단 최상단은 SafeAreaView