javascript - React Navigation 从自定义标题中的按钮导航到新屏幕

标签 javascript reactjs react-native ecmascript-6 react-navigation

我正在使用React-Navigation我创建了我的自定义标题。我用过:

navigationOptions: {
    header: <Header />
}

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

我有一个TouchableOpacity我想用它来导航到另一个选项卡的内部标题!我尝试使用 this.props.navigation.navigate("_TabTwo")但我收到错误:

can't find variable navigate

我还查看了this question但这是关于默认标题的!重点是我的<Header />是一个自定义组件!

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

Thanks in advance!

最佳答案

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

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

Header组件不是屏幕,而是navigationOptions的一部分,因此它不会继承navigation prop,需要手动传递

关于javascript - React Navigation 从自定义标题中的按钮导航到新屏幕,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51990004/

相关文章:

javascript - 如何在另一个页面上创建一个div?

javascript - ReactJS:在后台继续计时器?

ios - 设置 rootView.appProperties 不会重新渲染根组件

javascript - 适当过滤月份排序

javascript - 可靠的跨浏览器设置状态栏文本的方式

jquery - ' Uncaught ReferenceError : jQuery is not defined' with create-react-app

reactjs - 在TypeScript中 react 组件类型

按下 returnKeyType 时 react 原生调用 onSubmit()

ios - 为什么升级到 0.63.3 后命令 'react-native run-ios' 构建失败?

javascript - 无法从我的 Chrome 扩展程序将内容脚本注入(inject)所有 IFRAME