react-native-iphone-x-helper
react-native-iphone-x-helper copied to clipboard
A library to help you design your react-native app for notched iPhones
fixes #38 ### changes - Fix "Syntax Error: cannot use import statement outside a module" issue
In some units tests, it starts failing with logs ``` ({"Object.":function(module,exports,require,__dirname,__filename,global,jest){import { Dimensions, Platform, StatusBar } from 'react-native'; ^^^^^^ SyntaxError: Cannot use import statement outside a module at ScriptTransformer._transformAndBuildScript (node_modules/@jest/transform/build/ScriptTransformer.js:537:17)...
Enable zoomed mode on iPhone x and try to use the library. 
fixes #33 Add safe area top height support for iPhone 12 and 13 screens Based on Apples screen dimensions and safe area standardisation https://useyourloaf.com/blog/iphone-13-screen-sizes/
Library does not detect iPhone 13
It looks like safe height of status bar for iphone 12 is not 44px https://developer.apple.com/forums/thread/662466 https://hacknicity.medium.com/how-ios-apps-adapt-to-the-various-iphone-12-screen-sizes-e45c021e1b8b
## Issue We have an app that has support for all iPhone sizes, and we use the plug in to set a consistent `marginTop` layout from the notch on one...
Please let me know how can I get iphone12
 react-navigation-tabs This library is used How do I upgrade