反应本机:反应导航StackNavigator不工作。获取错误：“未定义不是对象(计算'this.props.navigation.navigate')”

Question

我正在尝试使用来浏览我的应用程序。

我有一个带有onPress={() => navigate('DetailsScreen')的按钮，我希望它能带我去DetailsScreen，但是我得到了以下错误：

E ReactNativeJS:未定义不是对象(计算'this.props.navigation.navigate')

我需要补充些什么才能让它发挥作用？

请参阅我的代码：https://gist.github.com/chapeljuice/bef4b0a4dedef2994c81f3634b81aa43

Answer 1

您的组件没有导航功能(它不是屏幕)。因此，这里有两个常见的解决方案：

使用父级

从父组件(如果是屏幕)传递导航支柱。

<Card navigation={navigation} />

这是最简单的解决办法。

使用高阶组件withNavigation

如果父组件没有导航功能，或者它太复杂，无法传递支持，则可以使用特殊的withNavigation

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

然后，您将拥有可用的navigation道具。