React Native에서 Device의 화면 크기에 따른 반응형 fontSize
반응형 fontSize는 React-Native.react-native-responsive-fontsize에서 장치의 화면 크기를 기반으로 합니다.
글꼴 크기에 작은 문제가 있는 경우 이 라이브러리를 사용하십시오.
설치하는 방법
yarn add react-native-responsive-fontsize # or npm install react-native-responsive-fontsize --save
다양한 기기 크기에서 어떻게 보이는지
아이폰SE | 아이폰X |
---|---|
![]() | ![]() |
행동 양식
인수 | 설명 | |
---|---|---|
RF백분율 | 백분율: 숫자 | 글꼴 크기는 장치 높이(가로 모드의 경우 |_+_|)의 백분율로 계산됩니다. |
RF값 | 값: 숫자, standardScreenHeight?: 숫자 | 글꼴 크기는 standardScreenHeight 및 전달된 값을 기반으로 계산됩니다. |
- |_+_|를 사용할 때 |_+_|
- 기본 standardScreenHeight는 |_+_|
- 가로 모드에서 |_+_|
용법
width
깃허브
작가: 헤이만333
깃허브: https://github.com/heyman333/react-native-responsive-fontSize
#react-native #reactjs #자바스크립트