React Native Iphone X Helper
A library to help you design your react-native app for notched iPhones
Overview:
The react-native-iphone-x-helper is a library designed to assist developers in designing react-native apps for notched iPhones, specifically the iPhone X. It provides methods to create stylesheets with the iPhone X in mind, allowing for proper display on this specific device.
Features:
- Design Assistance: Helps in designing react-native apps for notched iPhones, with specific styles for iPhone X in mind.
- ifIphoneX Method: Creates stylesheets with parameters for iPhone X and regular styles for other devices.
- isIphoneX Method: Returns true if running on an iPhone X.
- getStatusBarHeight Method: Returns the height of the status bar, with values depending on the device type.
- getBottomSpace Method: Returns the height of the bottom to fit the safe area, with values specific for iPhone X.
Summary:
The react-native-iphone-x-helper library provides a convenient solution for developers looking to ensure proper design and layout of their react-native apps on notched iPhones, particularly the iPhone X. With methods to handle styles, status bar height, and bottom space, this library helps in creating a consistent user experience across different iOS devices.
- React Native
React Native is a framework for building mobile applications using React and JavaScript. It enables developers to write once and deploy to multiple platforms, including iOS, Android, and the web, while providing a native app-like experience to users.