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