javascript - React Native : React Navigation StackNavigator not working. 获取错误 : "undefined is not an object (evaluating ' this. props.navigation.navigate')”

Question

我正在尝试使用 React Navigation 和 StackNavigator 在我的应用中导航。

我有一个带有 onPress={() => navigate('DetailsS​​creen') 的按钮，我希望它会带我到 DetailsS​​creen，但我'出现以下错误:

E ReactNativeJS: undefined is not an object (evaluating 'this.props.navigation.navigate')

我需要添加什么才能让它正常工作？

在这里查看我的代码: https://gist.github.com/chapeljuice/bef4b0a4dedef2994c81f3634b81aa43

Answer 1

您的组件不支持导航(它不是屏幕)。因此，您在这里有 2 种常见的解决方案:

使用父级

从您的父组件(如果它是一个屏幕)传递导航 Prop 。

<Card navigation={navigation} />

这是最简单的解决方案。

使用高阶组件withNavigation

如果父组件不支持导航，或者它太复杂而无法传递 Prop ，您可以使用 HOC withNavigation :

export default withNavigation(connect(mapStateToProps)(Card))

然后您将可以使用 navigation Prop 。