react-native-devices
v1.1.1
Published
React Native devices
Downloads
9
Maintainers
Readme
react-native-devices
Usage
yarn add react-native-devices
import { devices} from 'react-native-devices'
IF_ (function) returns a or b:
/* Check if iPhoneX, if not - check if iPhone Plus, else others */
<View
style={{
...devices.IF_X(
{
top: 100
},
{
...devices.IF_PLUS_6_6S_7_8({
top: 50
}, {
top: 25
})
}
)
}}
>
IS_ (bool)
const top = device.IS_X ? 100 : 0
Helpers
| Functions | arguments | comments | | ------------------- | ---------- | ---------------------------- | | IF_X | if, if not | | | IF_PLUS_6_6S_7_8 | if, if not | | | IF_6_6S_7_8 | if, if not | | | IF_5_5S_5C_SE | if, if not | | | IF_4_4S | if, if not | | | IF_2G_3G_3GS | if, if not | | | IF_TABLET | if, if not | | | IF_IPAD | if, if not | (Mini, 1st & 2nd Generation) | | IF_IPAD_MINI | if, if not | (2nd, 3rd & 4th Generation) | | IF_IPAD_AIR | if, if not | (1st & 2nd Generation) | | IF_IPAD_RETINA | if, if not | (3rd & 4th Generation) | | IF_IPAD_PRO | if, if not | (Generic 9.7 / 10.5 / 12.9) | | IF_IPAD_PRO_9_INCH | if, if not | (9.7 inch) | | IF_IPAD_PRO_10_INCH | if, if not | (10.5 inch) | | IF_IPAD_PRO_12_INCH | if, if not | (12.9 inch) |
| Bools | | ------------------- | | IS_X | | IS_PLUS_6_6S_7_8 | | IS_6_6S_7_8 | | IS_5_5S_5C_SE | | IS_4_4S | | IS_2G_3G_3GS | | IS_TABLET | | IS_IPAD | | IS_IPAD_MINI | | IS_IPAD_AIR | | IS_IPAD_RETINA | | IS_IPAD_PRO | | IS_IPAD_PRO_9_INCH | | IS_IPAD_PRO_10_INCH | | IS_IPAD_PRO_12_INCH |
Why?
There are others out there (like the syntax inspiration for RND - react-native-iphone-x-helper). Difference is this one gives you more stuff.