React Native：React导航StackNavigator不起作用收到错误：“未定义不是对象（正在评估'this.props.navigation.navigate'）”

user34782 • 2023-05-03 02:23 • 生活百科 •

您的组件不支持导航（不是屏幕）。从您的父组件（如果是屏幕）传递导航道具;这是最简单的解决方案，如果父组件不支持导航：或者它太复杂而无法传递道具，exportdefaultwithNavigation(connect(mapStatetoProps)(Card))。您将获得navigation道具。...

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

使用父母

从您的父组件（如果是屏幕）传递导航道具。

这是最简单的解决方案。

使用高阶组件 `withNavigation`

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

export default withNavigation(connect(mapStatetoProps)(Card))

然后，您将获得navigation道具。

解决方法

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

我有一个带有的按钮onPress={ => navigate('DetailsScreen')，我希望它将带我到DetailsScreen，但出现以下错误：

E ReactNativeJS：未定义不是对象（评估“ this.props.navigation.navigate”）

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

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

波特兰开拓者主播说丨夏联最佳一战！杨瀚森狂轰18分10板5助阿根廷队斯卡洛样子新华社记者阿根廷队主帅：我们踢出了足球最本真的样子益湛无尽冬日漫游剧场无尽冬日漫游剧场活动详细攻略踢得换人进球图赫尔：英格兰不是保守，只是控不住球云南普洱墨江县佛得角队 37场不败主播说丨佛得角队的含金量还在上升！西班牙队连续37场不败追平世界足坛纪录宫祥诚 NBA夏季联赛菲尔兹邓煜王虹

免责声明：本文内容来源于第三方或整理自互联网，本站仅提供展示，不拥有所有权，不代表本站观点立场，也不构成任何其他建议，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容,不承担相关法律责任。如发现本站文章、图片等内容有涉及版权/违法违规或其他不适合的内容，请及时联系我们进行处理。