反应导航从自定义标题中的按钮导航到新屏幕

Question

我正在使用React-Navigation，并创建了自定义标头。我用过：

navigationOptions: {
    header: <Header />
}

<Header />是从路径导入的。

我在标题中有一个TouchableOpacity，我想用它导航到另一个选项卡！我尝试使用this.props.navigation.navigate("_TabTwo")，但出现错误：

  

找不到变量导航

我也查看了this question，但这是关于默认标题的！关键是我的<Header />是自定义组件！

如何从标题中的按钮导航到另一个屏幕？

  

谢谢！

Answer 1

像这样使用navigationOptions并将导航作为道具传递给Header组件

navigationOptions: ({ navigation }) => ({ 
  header: <Header navigation={navigation} />
})

Header组件不是屏幕，而是navigationOptions的一部分，因此它不继承导航道具，您需要手动传递