react-native-expo-viewport-units

Viewport units: vw, vh, vmin, vmax - React Native.

Usage no npm install needed!

<script type="module">
  import reactNativeExpoViewportUnits from 'https://cdn.skypack.dev/react-native-expo-viewport-units';
</script>

README

react-native-expo-viewport-units

Viewport units: vw, vh, vmin, vmax - React Native.

Install

$ npm install react-native-expo-viewport-units

or

$ yarn add react-native-expo-viewport-units

Usage

import { vw, vh, vmin, vmax } from 'react-native-expo-viewport-units';
<View style={{ width: vw(100), height: vh(100) }}>
  ...
<View>
var styles = StyleSheet.create({
  Container: {
    width: vmin(95),
    height: vmax(70),
    padding: vw(2.5),
    margin: vh(5),
  },
  Font: {
    fontSize: vw(3.75),
  },
});

License

MIT © Joe Takara