在react-native中iphoneX只覆盖了一半的通知栏

Question

早些时候它低于缺口，但现在我已经添加了对 iphone X 的支持，但现在只覆盖了一半的通知

Answer 1

您应该将 View 包装在 react-native 提供的 SafeAreaView 组件中。

<SafeAreaView style={{flex: 1}}>
  <View>
    .
    .
    .
  </View>
</SafeAreaView>

SafeAreaView 处理从 iPhone X 引入的设备边界和缺口。 Docs

Only half of the notification bar is covered in iphone X in react- native