Ios 如何从SafeViewArea | React Native | iPhoneX中删除上边距

我需要为iPhoneX使用

SafeViewArea

，但当我将

SafeViewArea

放入后，顶部会显示一些不需要的额外边距

我的代码片段-

render () {

    return (

      <SafeAreaView forceInset={{ top: 'always' }} style={styles.applicationView}>
        <View style={styles.applicationView}>
          <StatusBar barStyle='light-content'/>
          <ReduxNavigation/>
        </View>
      </SafeAreaView>
    )
  }

编辑：如何删除

表面视图区域的阴影？

？

欢迎提出建议。

---

提前谢谢。

请您在问题中加入您的风格好吗？您能尝试：用

替换

吗？您还看到顶部的额外边距吗？如果你没有，问题来自你的屏幕风格（在共享图像中）。marginTop或justifyContent:“中心”可能导致这种情况。{container，welcome，myImage}样式是否属于您的共享图像？@sdkcy它不工作。状态栏也可能导致此问题。你能把它取下来试试吗？或者，如果您愿意，可以将您的代码共享为snack.expo？我已尝试删除

状态栏

，但仍然存在相同的问题。

export default StyleSheet.create({
  applicationView: {
    flex: 1
  },
  container: {
    flex: 1,
    justifyContent: 'center',
    backgroundColor: Colors.background
  },
  welcome: {
    fontSize: 20,
    textAlign: 'center',
    fontFamily: Fonts.type.base,
    margin: Metrics.baseMargin
  },
  myImage: {
    width: 200,
    height: 200,
    alignSelf: 'center'
  }
})