사용자의 기기에 따라 화면이 다르게 보일수 있다.
maxWidth, minWidth, maxHeight, minHeight를 적절히 사용해 비율로 화면을 구성할 수 있다.
Dimensions
Dimensions는 React Native (RN)에서 사용되는 기기의 크기와 화면 크기를 가져오기 위한 API입니다. 이 API를 사용하면 앱의 레이아웃을 동적으로 조정하고, 다양한 기기와 화면 크기에 대응할 수 있습니다.
Dimensions API를 사용하면 다음과 같은 정보를 얻을 수 있습니다:
Dimensions.get('window'): 기기의 전체 화면 크기를 반환합니다.
Dimensions.get('screen'): 기기의 전체 화면 크기를 반환합니다. (안드로이드에서만 지원됩니다.)
Dimensions.addEventListener('change', callback): 화면 크기가 변경될 때마다 호출되는 콜백 함수를 등록할 수 있습니다. 이를 통해 화면 크기 변경에 따른 레이아웃 조정을 수행할 수 있습니다.
예를 들어, Dimensions API를 사용하여 기기의 화면 크기를 가져와서 스타일링이나 컴포넌트 배치에 적용할 수 있습니다. 이를 통해 다양한 기기에서 앱이 일관된 방식으로 동작하고 보여지도록 할 수 있습니다.
개발자입니다.