React Native Navigation children parent

Question

我一直在尝试制作导航组件，但遇到错误。

以下是我的堆栈导航视图的体系结构：

const App = createStackNavigator({
Register:{
screen:Registration,
},
Home: {
screen: SwipeNavigator({
Home: {
screen: Record,
left: 'QRcode',
right: 'Conv',
top: 'Profil',
},
QRcode: {
screen: QRcode,
type:'push'
},
Conv: {
screen: Conversation,
type:'push'
},
Profil: {
screen: Profil,
type:'push'
},
}),
navigationOptions: {
header: null,
},
}
});

不幸的是，当我在滑动导航器中时，我无法注册。我收到一个错误，指示此.props.navigation未定义。

有谁知道我为什么面临此错误以及如何解决它？

提前感谢您的回复

Answer 1

我有一个很好的解决方案来解决所有this.props.navigation问题:)我刚刚从另一个问题复制/粘贴了我之前的答案。它解释了如何使用它以及如何使用新的 React 导航助手来做到这一点。如果您对此有任何疑问，我随时为您提供帮助。它只会解决您的整个导航问题。

我创建了一个用于处理导航问题的库，并且还 防止使用此.props.navigation prop。

反应导航助手

用法非常简单。在您的应用程序上.js或导航器只需设置 全局级别导航器。

import NavigationService from "react-navigation-helpers";

<MainNavigator
ref={navigatorRef =>
NavigationService.setGlobalLevelNavigator(navigatorRef)
}
/>

然后，在项目中使用以下简单代码段的 ANYWHERE：

NavigationService.navigate("home")

当然，您仍然需要导入导航服务:)

您可以在图书馆的自述文件中找到更详细的文档。如果你 还有问题，随时提问，我很乐意为您提供帮助。