将TabNavigator栏集成到React导航中的StackNavigator标题中

Question

我想在TabNavigator标题下设置StackNavigator栏，就像在android设置中一样......

所以我将TabNavigator放在StackNavigator内，结果令人讨厌地提升StackNavigator标题......

有没有人知道如何在不影响ios方面的情况下摆脱这种提升？

Answer 1

我在设置StackNavigator样式时找到了解决方案。请参阅elevation属性。但它最多只能使用react-navigation版本1.0.0-beta.7

StackNavigator.navigationOptions = {
  title: 'Blabla',
  header: {
    tintColor: Colors.navbarTintColor,
    style: {
      elevation: 0,
      backgroundColor: Colors.surfacePrimary,
    },
    right: this.renderContexMenu(),
  },
}

延迟版本使用headerStyle代替header