react native responsive fontSize Download - react native responsive fontSize Source Download Download

react native responsive fontSize

تحميل الخط

v0.5.1

تنزيل

الصورة الرئيسية

رد الفعل المستجيب للحجم

استخدم هذه المكتبة إذا كان لديك مشكلة صغيرة مع حجم الخط؟

كيفية التثبيت

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

كيف تبدو على أحجام الأجهزة المختلفة

iPhone SE	iPhone X.

طُرق

	الحجج	وصف
rfpercentage	النسبة المئوية: العدد	يتم حساب حجم الخط كنسبة مئوية من الارتفاع ( `width` في وضع المناظر الطبيعية) للجهاز.
rfvalue	القيمة: الرقم ، المعايير creenheight؟: الرقم	يتم حساب حجم الخط بناءً على المعايير وقيمة مرور

عند استخدام standardScreenHeight RFValue
- المعايير الافتراضية هي 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 ) ,
  } ,
} ) ;