undefined不是对象（评估'navigation.navigate'）

Question

我试图从一个屏幕导航到tabbar内的其他屏幕反应原生。但是，我得到了以下错误

  ButtonClickCheckFunction = () => {
    const { navigation } = this.props;
    navigation.navigate('detailsScreen', { detailsScreen: jsonData });
  }

有什么建议？

对于主屏幕，在标签栏中我们创建了堆栈，

    const AppStack = createAppContainer(createDrawerNavigator({
      Dashboard: {
        screen: ProfileStack,
      },
      Connect: {
        screen: Connect,
      },
      screen1: {
        screen: Screen1,
      }

});

但是，在仪表板屏幕中，我们显示了tabbar。我正在使用tab2。所以，从tab2，我有详细信息屏幕。在该详细信息屏幕中，我必须显示带有后退按钮箭头的导航栏，如自定义图像。

那么，如何解决这个问题呢？

Answer 1

如果您发布更多代码，我们将能够更好地回答您的问题。

但是，从错误消息中，您似乎没有正确创建组件，因此设置了navigation属性。您需要确保使用withNavigation高阶组件包装组件。

export default withNavigation(MyComponent);