728x90
Dimensions를 이용하면 화면의 총 가로 세로 길이를 알 수 있다.
constants.js
import {Dimensions} from 'react-native';
const {width, height} = Dimensions.get('screen');
export default {width, height};
파일을 하나 만들어서 여러 컴포넌트에서 활용하자!
앱의 화면을 만들 때 View 의 세로 길이를 휴대폰 기종마다 같은 비율을 적용하고 싶다면
import React from 'react';
import constants from './constants';
const Container = () => (
<View style={{ width: constants.width / 2, height: constants.height / 3 }} />
);
이런식으로 활용 가능!
도움이 되셨다면 공감/댓글 부탁드려요~
'Develop > React Native' 카테고리의 다른 글
[React Native] 코드푸시 & 테스트 플라이트 (0) | 2020.03.23 |
---|---|
[React Native] react-native-svg 사용법 (점과 점 사이를 선으로 긋는 애니메이션 구현하기) (0) | 2020.03.23 |
[React Native] react-native-camera 카메라 띄우기, 사진 찍기, 사진 저장하는 법 (react-native-community) (12) | 2020.03.19 |
[React Native] 갤러리에서 사진 가져오기 (iOS) (8) | 2020.03.19 |
[React Native] react-native-permission 사용법 (0) | 2020.03.19 |