풀스택을꿈꾸는개발자

고정 헤더 영역

글 제목

메뉴 레이어

풀스택을꿈꾸는개발자

메뉴 리스트

  • 홈
  • 태그
  • 방명록
  • 분류 전체보기 (49)
    • react-native (25)
    • next-js (2)
    • docker (1)
    • node (7)
    • react-native-tool (9)
    • react-native 이론 (4)
홈태그방명록
  • react-native 25
  • next-js 2
  • docker 1
  • node 7
  • react-native-tool 9
  • react-native 이론 4

검색 레이어

풀스택을꿈꾸는개발자

검색 영역

컨텐츠 검색

react #reactnative #

  • 디자인과 개발 디바이스별 사이즈 대응

    2023.06.28 by RNDK

디자인과 개발 디바이스별 사이즈 대응

import {Dimensions} from 'react-native'; // 디자인 시안의 기본 디바이스 크기 export const basicDimensions = { height: 740, // 세로 크기 width: 360, // 가로 크기 }; // 현재 화면 크기 계산 함수 const calculateDimension = () => { const {height, width} = Dimensions.get('window'); return { height, // 현재 세로 크기 width, // 현재 가로 크기 }; }; // 세로 및 가로 방향 비율에 따른 크기 변환 함수 생성 export const getDimension = () => { const {height, width} = calcul..

react-native-tool 2023. 6. 28. 11:22

추가 정보

인기글

최신글

페이징

이전
1
다음
TISTORY
풀스택을꿈꾸는개발자 © Magazine Lab
페이스북 트위터 인스타그램 유투브 메일

티스토리툴바

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.