React Native Navigation中标题栏的保证金顶部

Question

我是React Native的新手.我正在使用React-Navigation.但是,在我的设备上有标题导航问题.这样覆盖状态栏就像这样.

我的代码和React Navigation展示示例都会出现此问题.怎么解决？谢谢

Answer 1

你正在使用Expo,所以这种行为是正常的.

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

您可以像这样定义标题.

大约一年后编辑:

通过Expo,您现在可以使用:

import { Constants } from 'expo'

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

Answer 2

在同一问题中运行时，我发现这很有用

export default StackNavigator({
    LoginScreen: { screen: Login.component }
}, {
    initialRouteName: 'LoginScreen',
    headerMode: 'none' <------------- This
})

只需在配置对象中添加headerMode：'none'

希望这可以帮助

顺便说一句，信用去这个链接