react-native-simple-responsive

Auto Scale your font, style unit in responsive

Usage no npm install needed!

<script type="module">
  import reactNativeSimpleResponsive from 'https://cdn.skypack.dev/react-native-simple-responsive';
</script>

README

react-native-simple-responsive

Deployment

Use this library to make you app responsive.

  npm install react-native-simple-responsive

  import {scaledSize} from 'react-native-simple-responsive'

  fontSize: scaledSize(14), // for font
  paddingTop: scaledSize(15), // for styling
  paddingBottom: scaledSize(12),

Imports

  
  import {scaleRatio} from 'react-native-simple-responsive'
  import {deviceWidth} from 'react-native-simple-responsive'
  import {deviceHeight} from 'react-native-simple-responsive'
  import {deviceAspectRatio} from 'react-native-simple-responsive'
  import {widthFromPercentage} from 'react-native-simple-responsive'
  import {heightFromPercentage} from 'react-native-simple-responsive'

Features

  • Font responsive
  • Styling responsive

Features

  • Light/dark mode toggle
  • Live previews
  • Fullscreen mode
  • Cross platform