rn-units

2.0.5 • Public • Published

npm npm

Set of helpers and components for the react-native projects.

"I hope they help someone to write less code and to solve common problems.."

Installation:

npm i rn-units --safe

or

yarn add rn-units

Constants

Don't support dynamic updates!

Props Type
screenWidth Number
screenHeight Number
isLandscape Boolean
isPortrait Boolean
isIOS Boolean
isAndroid Boolean

Methods

Props Description
vw percent of screen width
width: vw(90)
vh percent of screen height
height: vh(10)
rem responsive units for markup
width: rem(20)
font responsive units for font size
fontSize: font(20)
img converts url or filepath into img source
<Image source={img('http://...')} />
wait creates delay in async functions
await wait(1000) // delay 1000ms
seconds converts seconds to milliseconds
setTimeout(foo, seconds(10)
minutes converts minutes to milliseconds
setTimeout(foo, minutes(10)
hours converts hours to milliseconds
setTimeout(foo, hours(10)
days converts days to milliseconds
setTimeout(foo, days(10)
weeks converts weeks to milliseconds
setTimeout(foo, weeks(10)
combineStyles used to combine multiple styles
<Image style={combineStyles(styles.logo, styles.centered)} >
equals used compare items
const areEqual = equals({id: 0}, {id: 0})
clone used deepClone item
const clonedObject = clone({ deep: { id: 0 } })

Package Sidebar

Install

npm i rn-units

Weekly Downloads

22

Version

2.0.5

License

ISC

Unpacked Size

8.19 kB

Total Files

7

Last publish

Collaborators

  • raienko