javascript - React Native Navigation中页眉栏的边距顶部

我是React Native的新手。我正在使用React-Navigation。但是，在我的设备上标题导航存在问题。这样通过状态栏覆盖。



这个问题在我的代码和React Navigation展示示例中均会发生。如何解决？谢谢

最佳答案

您正在使用Expo，所以这种现象是正常的。

static navigationOptions = {
  title: "Welcome",
  headerStyle: { marginTop: 24 },
}

您可以这样定义标题。

大约一年后编辑:

借助Expo，您现在可以使用此功能:

import Constants from 'expo-constants'

static navigationOptions = {
  title: "Welcome",
  headerStyle: { marginTop: Constants.statusBarHeight },
}

用expo install expo-constants安装

更多信息here in the expo doc

关于javascript - React Native Navigation中页眉栏的边距顶部，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/45170712/