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
  • Стандарты по умолчанию КРИНГЕВТ 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