일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
Tags
- React Native navigation
- React Native SafeArea Custom
- gsap
- 타입스크립트
- react이론
- React-Native IOS
- RN navitate push
- JS
- 퍼블리셔
- react native safeArea
- 트윈맥스 기초
- slick slider 간격
- styled component 작동안함
- SafeArea 커스텀
- input 숫자입력
- safari wiondow.open
- 임고미
- styled component 작동 안될때
- 리액트
- React-Native 공부
- scrollIntoView scrollTo
- react
- rn webview page loading
- 웹뷰 페이지 로딩
- js 특정 위치로 이동
- styled component is not working
- gsap 기초
- reactnative 웹뷰 페이지 로딩
- styled component
- 프론트앤드
Archives
- Today
- Total
목록react native safeArea (1)
개발공부 임고미
[React-Native] SafeArea에대해 알아보자!
1. 왜 필요해 ? SafeArea는 IOS에서 상단과 하단영역에 여백을 확보해줌으로써, 안전한 영역에 콘텐츠를 렌더링하게 해줍니다. 공식문서를 확인해보면 SafeAreaView중첩된 콘텐츠를 렌더링하고 탐색 모음, 탭 표시줄, 도구 모음 및 기타 상위 보기에 포함되지 않은 보기 부분을 반영하도록 패딩을 자동으로 적용합니다. 또한 가장 중요한 것은 Safe Area의 패딩이 둥근 모서리나 카메라 노치(예: iPhone 13의 센서 하우징 영역)와 같은 화면의 물리적 한계를 반영한다는 것입니다. 와 같은 내용을 확인할 수 있는데, 형광펜 그어진 곳의 내용을 좀 더 쉽게 얘기해보자면 아이폰의 스피커, 카메라가 있는 부분이 화면 안으로 툭! 튀어나와있는데 이부분을 커버해줄 수 있다는 것이다. 파란 박스 영역을..
카테고리 없음
2022. 11. 7. 02:02