react native responsive fontSize

reagierende reagierte reagierende

Verwenden Sie diese Bibliothek, wenn Sie ein kleines Problem mit der Schriftgröße haben?

---

So installieren

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

Wie es auf verschiedenen Gerätegrößen aussieht

iPhone SE	iPhone x

Methoden

	Argumente	Beschreibung
Rfpercentage	Prozent: Zahl	Die Schriftgröße wird als Prozentsatz der Höhe ( width im Landschaftsmodus) des Geräts berechnet.
Rfvalue	Wert: Nummer, StandardsCreenHeight ?: Nummer	Die Schriftgröße wird basierend auf StandardsCreenHeight und dem übergebenen Wert berechnet

• Bei Verwendung standardScreenHeight von RFValue
  • Standards -StandardsCreenHeight beträgt 680
  • Im Landschaftsmodus übergeben Sie bitte die screen width

Verwendung

 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

Veröffentlichungen

MAP laden (ich warte auf Ihre Hilfe)

• Unterstützen Sie den Landschaftsmodus
• test code erstellen