# SafeAreaView

6개의 포스트
post-thumbnail

[RN] iOS에서 Status Bar와 Home Indicator 색상을 바꿔보자

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

2023년 1월 5일
·
0개의 댓글
·
post-thumbnail

리액트 네이티브 - 노치 영역 침범

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

2023년 1월 3일
·
0개의 댓글
·

내일배움캠프 4기 React 45일차

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

2023년 1월 2일
·
0개의 댓글
·

내일배움캠프 4기 React 44일차(React Native, eas)

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

2022년 12월 29일
·
0개의 댓글
·

SafeAreaView

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

2022년 2월 20일
·
0개의 댓글
·
post-thumbnail

[react-native 태그]SafeAreaView

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

2020년 8월 23일
·
0개의 댓글
·