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

Question

我正在尝试从一个屏幕导航到标签栏中的另一个屏幕，以响应本机。 但是，我收到以下错误

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

有什么建议吗？

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

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

});

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

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

Answer 1

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

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

export default withNavigation(MyComponent);