react native responsive fontSize

반응 신용 반응-결제 크기

글꼴 크기에 작은 문제가있는 경우이 라이브러리를 사용하십니까?

---

설치 방법

yarn add react-native-responsive-fontsize
# or
npm install react-native-responsive-fontsize --save

다른 장치 크기에서 어떻게 보이는지

iPhone SE	iPhone X

행동 양식

	논쟁	설명
Rfpercentage	퍼센트 : 숫자	글꼴 크기는 장치의 높이 (가로 모드의 width )의 백분율로 계산됩니다.
RFValue	값 : 숫자, 표준 스크린 하이이트? : 숫자	글꼴 크기는 Standardscreenheight 및 전달 된 값에 따라 계산됩니다.

• RFValue 의 standardScreenHeight 사용할 때
  • 기본 표준 스크린 하이이트는 680 입니다
  • 조경 모드에서는 screen width 전달하십시오

용법

 import { RFPercentage , RFValue } from "react-native-responsive-fontsize" ;

const styles = StyleSheet . create ( {
  welcome : {
    fontSize : RFValue ( 24 , 580 ) // second argument is standardScreenHeight(optional),
    textAlign : "center" ,
    margin : 10 ,
  } ,
  instructions : {
    textAlign : "center" ,
    color : "#333333" ,
    marginBottom : 5 ,
    fontSize : RFPercentage ( 5 ) ,
  } ,
} ) ; 

changelog

릴리스

로드 맵 (도움을 기다리고 있습니다)

• 조경 모드를 지원합니다
• test code 만듭니다