drewvolz
commented
6 years ago https://medium.com/react-native-training/react-native-iphonex-92ff511282af
Here's their example. Looks like we can just wrap App with it.
import {
...
SafeAreaView
} from 'react-native';
class Main extends React.Component {
render() {
return (
<SafeAreaView style={styles.safeArea}>
<App />
</SafeAreaView>
)
}
}
const styles = StyleSheet.create({
...,
safeArea: {
flex: 1,
backgroundColor: '#ddd'
}
})
hawkrives
hannesmcman
screenshot
None of our views – except the webviews – are aware of the iPhone X's notch.
To mitigate this, I believe that we need to use RN's SafeAreaView; hopefully we can just insert it somewhere high up the stack and forget about it.
There may also be a setting we can change in react-navigation somewhere.
This needs investigation.
Views