Skip to content

🔠 Responsive fontSize based on screen-size of the device in React-Native

License

Notifications You must be signed in to change notification settings

buskerone/react-native-responsive-fontSize

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

38 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

react-native-responsive-fontsize

PRs Welcome Platform License

This is simple method for responsive font size
Basically it depends on device height

How to install

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

How it looks on different device sizes

iPhone SE iPhone X

Usage

import RF from "react-native-responsive-fontsize"

const styles = StyleSheet.create({
  welcome: {
    fontSize: RF(3.5),
    textAlign: "center",
    margin: 10
  },
  instructions: {
    textAlign: "center",
    color: "#333333",
    marginBottom: 5,
    fontSize: RF(2.5)
  }
})

About

🔠 Responsive fontSize based on screen-size of the device in React-Native

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • TypeScript 100.0%