ReactNative - 화면 길이 구하기

디바이스마다 화면의 크기가 다르기에 고정값으로 UI를 구성하면 짤리거나, 공간이 너무 남거나 하는 문제가 발생할 수 있다. 이 때 Dimensions를 사용하면 이 문제를 해결할 수 있다.

 

import {Dimensions} from 'react-native';

const {width, height} = Dimensions.get('screen');

export default {width, height};

이런 식으로 파일을 하나 선언해두고 import해서 width와 height를 사용하면 된다.

이때 width와 height는 각각 화면의 총 너비, 높이가 될 것이다.