React Navigation 5,未定义的参数

维克多·莫利纳(Victor Molina)

我有一个TabNavigator,里面有一个RootNavigator(堆栈)。在TabNavigator中,有多个屏幕,包括Stack Navigator,其中有一个名为“ Profile”的屏幕。

我想做的只是将RootNavigator屏幕中的参数发送到Profile。

根导航器的屏幕

// Navigate to the profile screen
navigation.navigate("Profile", {
  isUploadingContent: true,
});

它可以正确导航到屏幕,但是当我获得路线参数时,它们是不确定的。

Profile.js

  useEffect(() => {
    // Check if content is uploading...
    if (props.route.params.isUploadingContent) {
      toastRef.current.show(
        "Your photo will be available in a few seconds",
        3500
      );
    }
  }, []);

我还尝试过按以下方式发送参数,但得到的结果相同。

根导航器的屏幕

// Navigate to the profile screen (nested navigator)   

navigation.navigate("TabNavigator", {
  screen: "Profile",
  params: {
    isUploadingContent: true,
  },
});

对这里出什么问题有任何想法吗?谢谢。

维克多·莫利纳(Victor Molina)

好的,我找到了解决方案。它就像是

navigation.navigate("TabNavigator", {
  screen: "Profile",
  params: {
    isUploadingContent: true,
  },
});

但是,就像在最低级别中一样,我有一个名为“ Profile”的堆栈导航器,其中还有其他相同的屏幕,我不得不将“ TabNavigator”替换为“ Profile”,并且工作正常。

navigation.navigate("Profile", {
  screen: "Profile",
  params: {
    isUploadingContent: true,
  },
});

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

React Navigation 5:未定义不是对象

来自分类Dev

即使提供了道具,React Navigation 5 route.params仍未定义

来自分类Dev

未定义(评估'this.props.navigation.navigate')React Native

来自分类Dev

在React Native中未定义this.props.navigation.state.params

来自分类Dev

React Navigation + TypeScript错误:类型'EventStackParams'不满足约束'Record <string,object | 未定义>

来自分类Dev

在 React-native 中获取未定义的 props.navigation

来自分类Dev

React Native Navigation 如何推送屏幕?(无法读取未定义的属性推送)

来自分类Dev

react-navigation tabBarComponent 无法读取未定义的属性“key”

来自分类Dev

在React Navigation 5中传递参数

来自分类Dev

如何使用React Navigation 5捕获参数?

来自分类Dev

无法读取 React-Native 和 React-Navigation 3.x 上未定义的属性“ScrollView”

来自分类Dev

未定义React

来自分类Dev

React Native:React Navigation StackNavigator 不工作。得到错误:“未定义不是一个对象(评估'this.props.navigation.navigate')”

来自分类Dev

react-router-dom 的组件参数未定义值

来自分类Dev

this.props.navigation未定义(createStackNavigator)

来自分类Dev

React Navigation v5中的初始路线参数?

来自分类Dev

将参数传递给标签导航器React Navigation 5

来自分类Dev

自定义标签栏React Navigation 5

来自分类Dev

React Native Navigation 5中的自定义图像

来自分类Dev

React useRef未定义

来自分类Dev

React $ Node未定义

来自分类Dev

React Native Navigation(ver4.x)无法在自定义标头组件中获取道具。不断收到未定义的错误

来自分类Dev

等价于React Native Navigation的动态查询参数?

来自分类Dev

React Navigation 5隐藏抽屉项

来自分类Dev

删除Header React Navigation v5

来自分类Dev

React Navigation 5标头重叠

来自分类Dev

Android Deep Link与React Navigation 5

来自分类Dev

React Navigation 5-如何从headerRight导航?

来自分类Dev

React Navigation 5的标题标题问题

Related 相关文章

  1. 1

    React Navigation 5:未定义不是对象

  2. 2

    即使提供了道具,React Navigation 5 route.params仍未定义

  3. 3

    未定义(评估'this.props.navigation.navigate')React Native

  4. 4

    在React Native中未定义this.props.navigation.state.params

  5. 5

    React Navigation + TypeScript错误:类型'EventStackParams'不满足约束'Record <string,object | 未定义>

  6. 6

    在 React-native 中获取未定义的 props.navigation

  7. 7

    React Native Navigation 如何推送屏幕?(无法读取未定义的属性推送)

  8. 8

    react-navigation tabBarComponent 无法读取未定义的属性“key”

  9. 9

    在React Navigation 5中传递参数

  10. 10

    如何使用React Navigation 5捕获参数?

  11. 11

    无法读取 React-Native 和 React-Navigation 3.x 上未定义的属性“ScrollView”

  12. 12

    未定义React

  13. 13

    React Native:React Navigation StackNavigator 不工作。得到错误:“未定义不是一个对象(评估'this.props.navigation.navigate')”

  14. 14

    react-router-dom 的组件参数未定义值

  15. 15

    this.props.navigation未定义(createStackNavigator)

  16. 16

    React Navigation v5中的初始路线参数?

  17. 17

    将参数传递给标签导航器React Navigation 5

  18. 18

    自定义标签栏React Navigation 5

  19. 19

    React Native Navigation 5中的自定义图像

  20. 20

    React useRef未定义

  21. 21

    React $ Node未定义

  22. 22

    React Native Navigation(ver4.x)无法在自定义标头组件中获取道具。不断收到未定义的错误

  23. 23

    等价于React Native Navigation的动态查询参数?

  24. 24

    React Navigation 5隐藏抽屉项

  25. 25

    删除Header React Navigation v5

  26. 26

    React Navigation 5标头重叠

  27. 27

    Android Deep Link与React Navigation 5

  28. 28

    React Navigation 5-如何从headerRight导航?

  29. 29

    React Navigation 5的标题标题问题

热门标签

归档