Skip to content

Incredibly simple utility for (sort of) using viewport units with React Native.

License

Notifications You must be signed in to change notification settings

motiazu/react-native-viewport-units

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

react-native-viewport-units

Incredibly simple utility for (sort of) using viewport units with React Native.

Install

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

Usage

var {vw, vh, vmin, vmax} = require('react-native-viewport-units');

Notice the required operator/syntax: x * vw

<View style={{height:50*vh, width:50*vw}}/>
var styles = StyleSheet.create({
  lookingGood: {
    width: 15*vmin,
    height: 10*vmax,
    padding: 2*vw,
    margin: 4*vh,
  }
});

Roadmap

I would like to add support for orientation changes and reflowing components that use viewport units. I am, however, waiting until something official lands. Keeping a close eye on 418.

License

MIT © Jeff Stout

About

Incredibly simple utility for (sort of) using viewport units with React Native.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 100.0%