问题标签 [react-navigation-v5]

任何人都知道react navigation v.5中 tabBarOnPress 的一个很好的替代品吗？我想在用户按下 tabIcon 时导航到模式堆栈（即取消其默认导航行为），但图标似乎首先导航到选项卡屏幕，然后导航到模式。

为了澄清，这是我的 PostIcon TabIcon 组件

我正在使用带有导航 5 的反应原生抽屉，我已经创建了一个抽屉，但是当我单击某些选项导航到下一个屏幕时，从抽屉中它给了我错误，例如“未定义不是对象 ..this.props”，当我定义像它一样放在顶部的道具const navigation = this.props.navigation然后给我错误“导航未定义......”这是我放置内容的抽屉：

这就是我放置抽屉屏幕的地方：

当前行为

在反应导航 v4 中，我使用了这段代码并且工作得很好。它确实调整了我的徽标图像 (300x80) 以完美适合并缩放到我的 80 像素标题中。

现在迁移到 v5 后，它不再扩展。就像“resizeMode”停止工作一样。

预期行为

我希望我的图像能够正确包含和缩放。就像在 v4 中一样：

如何重现

将图像添加到 headerTitle 并尝试 resizeMode。

你的环境

• 安卓 9
  • @react-navigation/native 5.2.2
  • @反应导航/堆栈 5.2.3
  • 反应原生手势处理程序 1.6.1
  • react-native-safe-area-context 0.7.3
  • 反应原生屏幕 2.4.0
  • 反应原生 0.61.5
  • 节点 12.6.1

我有这个导航树：

堆栈导航：

我的屏幕：

如果我在之间有 StackNavigator，如何将顶部栏导航传递给屏幕组件？

谢谢大家

我有一个有趣的问题。

当我按下注册按钮时，在注册组件中调用下面的函数。

现在这不会导航到“ExtendedRegisteration”，但是当我执行以下操作时，它导航得很好。

这是 Firebase 的问题吗？使用 firebase 注册后，我需要导航到“ExtendedRegisteration”。

signUpHandler 中 this.props 的输出：

当用户使用注销navigation.navigate('Auth')但我收到错误消息时，我正在尝试从屏幕（以下示例中的“设置”屏幕导航到“身份验证”）：“您有名为“身份验证”的屏幕吗？”

我不明白这里有什么问题。在 react-navigation 4 中，这是可能的。

PS：随意忽略token部分。

我正在使用反应导航 5

我的结构是这样的：

通过检查 usertoken 就可以了，我可以导航到主应用程序堆栈，但是，

在登录/注册过程中的第一次如何防止用户在 react-navigation 5.x 中成功登录/注册后导航回来

应用程序.js

Mainapp_stack.js

现在，当我完成登录/注册时，如果按下硬件后退按钮，我不想返回导航。我的变量token_available在 App.js 中，我没有使用 redux。

那么，我该如何解决呢？

我正在尝试向我的应用程序添加一个动态抽屉。

和之前的 react-navigation 一样，没有 contentComponent。所以我按照反应导航的官方文档的建议这样做了。但无法获得动态侧边菜单。

我正在尝试为后退按钮实现自定义图像。我正在使用 react-navigation 5.xx 这是我的 AppNavigator：

使用此代码，当我访问时Screen2，它会失败并显示消息backImage is not a function

我尝试了哪些其他选择：

1. 将代码更改为：headerBackImage: () => (<MyCustomHeaderBackImage/>). 这失败并显示消息Invariant violation: Element type is invalid: expected a string but got: object
2. 使用<Image />代替MyCustomHeaderBackImage并尝试不同类型的调用，例如headerBackImage: () => (<Image source={require('../../../res/images/email.png')} />)
3. 遵循https://github.com/react-navigation/react-navigation/blob/2c7187b22aeff1cdec5ca6aeebb40c9c798c0888/examples/NavigationPlayground/js/StackWithCustomHeaderBackImage.js的确切实施- 只是我使用options的而不是navigationOptions，因为我使用的是 react-navigation 5 .xx

不幸的是，上述方法都没有奏效。关于如何为后退按钮使用自定义图像的任何想法？

我目前正在尝试在使用 React Navigation 5 作为导航库的 react native 应用程序中实现自定义 tabBar 设计。一切正常，除了我的 tabBarIcons 没有收到任何道具，所以我无法确定是否必须显示活动或非活动 tabIcon。每当我使用默认标签栏时，我都会收到道具，所以我的自定义标签栏一定有问题。不过，我确实遵循了文档，并且只找到了发出“tabPress”事件的指令。但是，我确实认为我应该发出更多事件来获得正确的聚焦道具。我已经像这样设置了导航器：

这是我的自定义 tabBar 组件：

提前致谢。