问题标签 [react-navigation-v5]

关于反应导航 v5 的问题。

在以前的版本中，我们可以通过在 a 中执行以下操作来为特定路由指定自定义转换，而不是屏幕StackNavigator：

现在，我正在尝试为 react-navigation v5 实现相同的目标。我知道我可以通过执行以下操作指定每个屏幕的自定义动画：

问题是我不希望每次导航到 时都应用此转换RouteB，仅当上一条路线为 时RouteA，我希望应用此转换，就像上面的前一个代码块一样。

在文档中找不到任何示例，因此希望能在将代码迁移到 v5 方面提供一些帮助。

我有问题导航.goBack()

嗨，我有一个应用程序，我在其中使用抽屉和堆栈导航器，，我的导航结构如下

列表页面将具有初始参数，在列表页面中，我正在导航到详细信息页面...在使用 navigation.goBack() 导航返回时，它将转到主页而不是 ListPage...我想转到 ListPage

我正在使用反应导航 v5

我正在使用 React Navigation v5，@react-navigation/bottom-tabs我的标签看起来像这样。

我想在Home & Settings选项卡上打开屏幕，但在Modal选项卡上，我想打开一个模式，为此，使用 React Navigation v4，可以使用tabBarOnPresswhich 将运行回调，但在 React Navigation v5 中不可用， tabBarOnPressReact Navigation v5有什么替代方案吗？

任何帮助，将不胜感激！

我试图隐藏在抽屉导航器中按下我的一条路线的能力，因为它是另一个导航器和应用程序中的默认位置。我希望抽屉仅用于导航到不适合其他地方的用户流的无关路线。在 React Navigation 5 之前，我可以通过简单地设置drawerLabel: () => null. 但是现在有了这些变化，我无法弄清楚如何以同样的方式隐藏它。

以下是我当前的导航器代码：

链接到显示不需要的输出的图像。基本上我希望蓝色焦点和整个导航项目专门从导航栏隐藏。 不想要的输出

使用 react-navigation 4，我能够从“react-navigation”包中导入和使用 switchNavigator。

使用 react-navigation 5，我不再在包中看到 createSwitchNavigator。该文档也没有帮助。现在不推荐使用了吗？我的用例是在用户登录之前显示登录屏幕，并在用户登录后切换到应用程序。React-navigation 给出了身份验证流程的示例，但是否可以使用 switchNavigator - 这似乎更简单。

我正在使用以下代码创建带有react-native-paperand的标头react-navigation：

结果是我系统地得到了Image上方的一个空白空间（把背景放红，让它更明显）：

该空间在 .jpg 中不存在，实际上与任何图片一起出现。@expo/vector-icons如果我使用 MaterialCommunityIcons (from ) 而不是图像，则不会出现此空间。

知道是什么原因造成的以及如何删除它吗？

问题：在 android 上，我打开应用程序并到达导航器的初始屏幕，然后触摸它，它完全崩溃（不显示错误）。

包.json：

应用程序.json：

Metro.config.js：

亚行日志猫：

航海家：

应用程序.js：

（我简化了一些对问题不重要的事情）

我知道这是导航器，因为我尝试使用单屏并且它不会崩溃。我已经深入研究了所有相关的问题。也检查了反应导航 5 故障排除。

有任何想法吗？谢谢！

我想知道如何在 FlatList 属性上使用 React Navigation，其中Stack.Screen的名称来自.json文件。

这样，当用户单击该项目时，他们会转到应用程序的另一个页面。

数据

平面列表结构

我已经尝试使用Ripplenavigation.navigate({goTo})的onPressIn属性，但出现 ReferenceError：找不到变量：导航

最终导出的组件

我正在寻找一个 Stack Navigator，它可以处理 2 个屏幕之间的特定元素的动画。Fluid Transitions看起来像是我可以使用的库，但它不支持react-navigation5.X。如果有一个包具有此功能的 react-navigation v5，那就太好了。

但是，如果没有 v5 的当前包，我想扩展StackNavigator以处理这种功能。我已经能够StackNavigator使用类似于以下内容的内容删除默认动画（其中的道具中transition采用了布尔值：optionsStack.Screen

我希望能够使用Context（或其他方法）将过渡进度传递给场景的后代以处理动画。有没有办法在 v5 中获得过渡进度？或者这CustomTransitionStackNavigator需要管理那个状态吗？谢谢！

我似乎无法在新版本的 React Navigation 中将 header 配置为 null。我可以使用 headerTransparent 选项将其设置为透明，但这看起来标题仍然存在，因为屏幕仍然需要名称。

这是我最初使用的模板，使用新的 Expo 应用程序附带的模板

这就是标题为透明时的样子。这基本上是我想看到的，但标题仍然被强制在那里。

我不想要导航的标题，但这看起来像是默认行为。我尝试查看文档以查看是否有这样的道具来删除标题，但遇到了 404 页面选项：https ://reactnavigation.org/docs/en/navigation-options.html

我是 React Native 的新手，所以我可能会误解一些东西。但是文档对此并不清楚，我找不到直接解决这个问题的stackoverflow问题。

这是我的 App.js

这是我的 BottomTabNavigator.js，它与 expo 提供的模板代码非常相似。