问题标签 [react-navigation-v6]

我transparentModal用于在本机反应中打开模式。

• 堆栈组 1：包含应用程序屏幕
• 堆栈组 2：transparentModal用于处理模态

modal 只占屏幕的 2/3，顶部有一些按钮应该可以点击。但是，我们不能按下这些按钮。

请看下面的图片

如果您有任何想法，请告诉我。

先感谢您！

当我通过tabBar函数使用自定义标签栏时tabBarHideOnKeyboard不起作用但没有tabBar函数它可以正常工作，任何关于如何使用tabBar函数使其工作的想法。

我需要使用 React Navigation (v6) 创建一个底部选项卡导航，如下所示：

到目前为止，我所做的是：

但我不确定样式的正确方法，我应该尝试以某种方式设置第三个标签按钮的样式吗？或者我应该创建一个 4 个选项卡导航并在中间创建一个浮动按钮，但在这种情况下，我如何在中间的选项卡中为其创建空间？

任何想法或片段表示赞赏。

我正在尝试使用抽屉导航使标题居中。它在 ios 上的默认行为是居中，但对于 android，它只是在抽屉旁边移动到左侧。如何使其到达导航栏的中心。我尝试了文档中提供的不同选项，但没有任何帮助。这在 ios 和 android 上都呈现出几乎居中的外观，但它不是防故障的。

因此，我正在为 React Native v0.66 中的一家初创公司构建一个原型 android 应用程序作为实习项目。当我建立项目时，我是 RN 的新手，但不是 React。我对导航的选择落在了 React Navigation 6.x 和他们的Native Stack Navigator上，因为它的性能比常规的Stack Navigator更好，尽管根据文档不能自定义。

现在我想在我的项目中使用 react-native-gesture-handler。根据他们的文档，

“如果你使用像 wix/react-native-navigation 这样的原生导航库，你需要遵循不同的设置才能让你的 Android 应用正常工作。原因是原生导航库和手势处理程序库都需要使用它们自己的特殊ReactRootView 的子类。

您需要在 JS 端使用gestureHandlerRootHOC 包装每个屏幕组件，而不是更改Java 代码。例如，这可以在您注册屏幕的阶段完成。”

我想这也包括 React Navigation-Native Stack Navigator？有关于如何使用 wix/react-native-navigation 实现 RNGH 的代码示例，但在我的情况下，在任何地方都没有：

我的 app.js（我设置 Native Stack Navigator 的地方）如下所示：

在我开始尝试让手势处理程序工作之前，我真的想以正确的方式进行设置，否则我可能无法判断它是错误的设置还是我的手势处理程序的实现。

是否像包裹屏幕一样简单：

至

?

或者我是否将需要手势处理程序的单个组件包装在gestureHandlerRootHOC（）中，如下所示：

还是我走远了？欢迎任何帮助。

更新：

我在项目中实现了 react-native-vision-camera 并浏览了示例应用程序。当我看到作者 mrousavy 一起使用 Native Stack Navigator 和 react-native-gesture-handler 时，我很高兴。不过，他也使用 react-native-reanimated ：

我也无法在任何地方找到使用gestureHandlerRootHOC()，但至少我知道可以结合react-native-gesture-handler 和Native Stack Navigator。

我仍然在寻找一个干净的、基本的解决方案，类似于使用 wix/react-native-navigation 的 react-native-gesture-handler 文档实现！

我试图从 DrawerNavigation 的标题中调用 openDrawer 选项，但导航道具不包含 openDrawer 函数。

每当点击图标时，应打开抽屉，但导航道具未收到任何内容，并且在安慰导航道具未定义为值时。DrawerContent 中传入的 props 有 openDrawer() 方法，但是如何将它用于 screenOptions。

我正在使用版本 6 文档中的示例 https://reactnavigation.org/docs/stack-navigator/#animation-related-options

并且 forSide 动画的示例不起作用

安装了最新版本的库

在 stack-navigation 网站上，他们建议您不要使用 @react-navigation/stack 和 react-navigation/nativestack

这就是它不起作用的原因吗？

我正在使用@react-navigation/bottom-tabs V6。我正在尝试在底部设置透明背景。到目前为止，我无法弄清楚该怎么做。有任何想法吗？到目前为止的结果：

到目前为止的代码：

我怎样才能摆脱这个背景？

我正在尝试使用“主页”、“个人资料”和“搜索”进行选项卡导航，并在“主页”屏幕内使用“更多详细信息”和“愿望清单”进行堆栈导航。我目前在 react-navigation v6 中，我正在尝试这样：

因此，当您单击“主页”时，您有一个按钮可以转到“更多详细信息”，在此页面上您有一个按钮可以转到“愿望清单”。

我究竟做错了什么 ？根据文档，它似乎是这样的。你的帮助会很棒！

我正在将深层链接与 branch.io 集成，它工作正常，直到我尝试使用嵌套导航器。我正在使用反应导航 v6。

我要点击的链接是：TAB_A/SCREEN_B

结构：

当我在屏幕 C 上并关闭应用程序并单击链接时，它工作正常（转到 Screen_B）

但是当我在屏幕 A 上时，它在屏幕 A 上保持不变。此外，如果我在屏幕 B 上单击链接，它会停留在屏幕 B 上。

我用于 NavigationContainer 的配置如下：

我从深层链接导航的方式是：