React Native（Android） - Stacknavigator高于其他视图

Question

我从React Native开发开始。

我花了很多时间做某事，但我还是被封锁了。

我有一个＆＃34;标题＆＃34;查看并在视图下方，一个堆栈导航器和一个标签导航器。

当我打开堆栈导航器（使用登录按钮）时，我想将新视图放在＆＃34;标题＆＃34;上方，而不隐藏他以避免在出现新视图时出现难看的效果。 这里有一个例子，当我在stacknavigator上放置一个负边距顶部，但它留在标题后面

还有其他方法可以做到这一点吗？ 感谢。

有关信息，我已经从React Native样板＆＃34; Pepperoni App Kit＆＃34;开始，在AppNavigator之前添加了我的自定义标题，并将标题隐藏在Tab导航器上。

Answer 1

您应该在StackNavigator中使用headerMode：'screen'选项，而不是在View下使用标题。您可以使用导航选项控制每个子导航器下标题的可见性。

以下是示例代码段

export const Root = StackNavigator({
 Tabs: {
screen: HOViewPager,
navigationOptions: {
  title: 'Title',
  header:<Header />
}
},
login:{
screen:Login,
navigationOptions:{
  headerMode: 'none',
  header:null
}
 },
imageoverlay:{
screen:HOImageOverlay,
navigationOptions:{
  headerMode: 'none',
  header:null
  },
 },
},
{
mode: 'modal',
headerMode:'screen'
});