react native responsive fontSize

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 ) ,
  } ,
} ) ; 

การเปลี่ยนแปลง

ปล่อย

โหลดแผนที่ (ฉันกำลังรอความช่วยเหลือของคุณ)

• รองรับโหมดภูมิทัศน์
• สร้าง test code