标题在内部响应本机应用程序中渲染后增长

Question

我正在使用react native / expo创建一个应用程序，并使用react-navigation进行导航。

我需要一个底部的标签导航器，对于每个标签我都需要一个堆栈导航器。我已经按照网站上的示例进行操作，并且在功能上可以正常工作。 （https://reactnavigation.org/docs/en/tab-based-navigation.html）

[每次我从选项卡导航器中选择不同的堆栈时，新标题就会呈现（很棒）！但是它会增长，好像它会添加填充来补偿状态栏一样。

有什么办法解决这个问题？

谢谢。

Answer 1

您可以添加以下内容来删除导航器中所有屏幕的额外状态栏高度：

const MyStack = createStackNavigator({
 // screens
}, {
  defaultNavigationOptions: {
    headerStatusBarHeight: 0
  }
});

或者您可以在每个屏幕上这样做：

static navigationOptions = {
  headerStatusBarHeight: 0
}

如果需要，您还可以指定自定义值。