In version 0.50.1, the React Native team introduced a new API for easily dealing with the new iPhone X layout. This API is the SafeAreaView. With SafeAreaView, you can easily update your existing codebase to be integrated with the iPhone X without a lot of headache. Here’s how you can use it: import { ... SafeAreaView } from 'react-native';class Main extends React.Component { render() { return ( <
![React Native & iPhone X](https://cdn-ak-scissors.b.st-hatena.com/image/square/e166807fe62a5eff7246b4bf4656fa023af4f252/height=288;version=1;width=512/https%3A%2F%2Fmiro.medium.com%2Fv2%2Fresize%3Afit%3A1200%2F1%2AMHJzJkvAKnW77iIZ73zmoA.png)