react-native-platform-helper
A library to help you design your react-native app for the android or iPhone X, XS, XS Max & XR
This App forked from react-native-iphone-x-helper and add some helpers to fit my need
Installing
npm i react-native-platform-helper --save
API
ifIphoneX(iphoneXStyle, [regularStyle])
this method it for creating stylesheets with the iPhone X in mind
Parameters
iphoneXStyle - the style to apply if you're on iPhone X
regularStyle (optional) - the style to apply if you're not on iPhone X
Example
// in style.js ; ;
ifAndroid(androidStyle, [regularStyle])
same as ifIphoneX but for the android
isIphoneX()
returns - true
if you running on an iPhone X.
Example
// ... if // do this... else // do that...
isAndroid()
returns - true
if you running on android.
getStatusBarHeight([safe])
Parameters
safe - whether you want for get safe area height or not
returns - the height of the status bar: 44
for safe iPhoneX, 30
for unsafe iPhoneX, 20
for other iOS devices and StatusBar.currentHeight
for Android.
Example
// in style.js ; ;
NOTE: If your using the the unsafe statusbar height, make sure to add 14dp of padding to your content, otherwise it's going to be flush against the notch
getBottomSpace
returns - the height of the bottom to fit the safe area: 34
for iPhone X and 0
for other devices.
Example
// in style.js ; ;
Licence
MIT