React-Native Dimensions Window / Screen 차이점

안녕하세요. Narvis2 입니다.
이번 시간에는 React-Native에서 모바일 기기의 해상도를 가져올 수 있는 API인 Dimensions에 대하여 알아보도록 하겠습니다.

🍀 Window / Screen 차이점

---

• Dimensions는 기본적으로 현재 기기의 화면 크기를 알기위해 사용
• iOS에서는 window와 screen둘 중 어떤 것을 쓰더라도 동일 하게 작동
• Android에서는 최상단 statusBar에서 차이가 남 👇

☘️ Window

• 위에 보이는 그림 1의 빨간색으로 표시된(statusBar) 부분을 포함하지 않고 영역을 추출

const width = Dimensions.get("window").width;

☘️ Screen

• 위에 보이는 그림 1의 빨간색으로 표시된(statusBar) 부분을 포함하고 영역을 추출

const height = Dimensions.get("screen").height;