React native 如何使用react导航在react native中添加搜索栏和选项卡按钮

我有一个登录屏幕，当用户登录时，他们被带到一个类似于上面所示的屏幕

在这个屏幕中，我有一个tabNavigator，包含5个屏幕的选项卡，类似于上图所示。它还有一个标题，里面有搜索栏。这个标题应该只显示在5个选项卡中的4个选项卡中，我需要在第5个选项卡中显示一个不同的标题

有办法做到这一点吗？我知道我可以在呈现相同标题的5个选项卡中的4个选项卡中添加一个视图，在呈现不同标题的第5个屏幕中添加一个视图，但我想知道是否有一种方法可以做到这一点，而不必在所有4个选项卡中反复呈现相同的视图。

---

p.S它应该可以在iOS和Android上运行

您可以通过

导航选项配置
选项卡导航器的
标题
：

const TabNav = TabNavigator({
  First: { screen: FirstPage },
  Second: { screen: SecondPage },
  Third: { screen: ThirdPage },
  Fourth: { screen: FourthPage },
  Fifth: { screen: FifthPage }
}, {
  navigationOptions: {
    header: <SearchHeader />
  }
})

我刚刚创建了一个关于世博快餐的演示：第五个屏幕有一个蓝色的标题，其他屏幕有一个红色的标题

在
TabNavigator
at的文档中，它没有列出
header
选项，我认为它将传递给
StackNavigator
如果不可能，您是如何将header传递给TabNavigator的。我知道它在stacknavigator中工作，但您是如何在tabnavigator中工作的？我检查了您上传的演示的代码，但当我尝试将标题放入tabnavigator时，它不起作用properly@Chetan我也想知道怎么做！！你找到解决办法了吗！你能检查一下我的问题吗
class FifthPage extends Component {
  static navigationOptions = {
    header: <FifthPageHeader />
  }
}