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

【问题标题】：Integrate TabNavigator bar into StackNavigator header in React navigation将 TabNavigator 栏集成到 React 导航中的 StackNavigator 标题中
【发布时间】：2017-06-16 00:55:28
【问题描述】：

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

所以我把TabNavigator 放在StackNavigator 里面，结果是StackNavigator 标题的恼人提升......

有人知道如何在不影响 ios 端的情况下摆脱该高度吗？

【问题讨论】：

标签： android react-native tabbar react-navigation

【解决方案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

【讨论】：