react-native-responsive-fontsize
    TypeScript icon, indicating that this package has built-in type declarations

    0.5.1 • Public • Published

    main image

    react-native-responsive-fontsize

    PRs Welcome Platform License Greenkeeper badge npm version

    Use this library if you have a small problem with the font size 🎉


    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

    Methods

    arguments Description
    RFPercentage percent: number The font size is calculated as a percentage of the height(width in landscape mode) of the device.
    RFValue value: number, standardScreenHeight?: number The font size is calculated based on standardScreenHeight and passed value
    • when using RFValue's standardScreenHeight
      • default standardScreenHeight is 680
      • In landscape mode, please pass the screen width

    Usage

    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

    releases

    Load map (I'm waiting for your help)

    • [x] support landscape mode
    • [x] make test code

    Install

    npm i react-native-responsive-fontsize

    DownloadsWeekly Downloads

    9,533

    Version

    0.5.1

    License

    MIT

    Unpacked Size

    13.8 kB

    Total Files

    10

    Last publish

    Collaborators

    • youngsoohan