我正在用 Expo 构建一个 React-Native 应用程序。我尝试实现BottomTabNavigator，但由于某种原因，内容（TripsPage）出现了两次。

这是我的导航实现：

有人熟悉这个问题吗？

我想在两个选项卡（底栏选项卡）中重用一个组件的相同实例。

创建于const Tab = createBottomTabNavigator();

标签堆栈：

我希望在带有“探索”和“通勤”选项卡的 Android 上的 Google 地图应用程序中具有相同的行为：以不同的状态保持在同一个屏幕上。我不想在 2 个选项卡之间完全重新加载我的地​​图（并且有独立的缩放级别，中心，...）。

注意：我无法使用该tabPress方法实现该行为。

我使用了 react-navigation 的标签导航。每次按下选项卡时，我都需要在 componentDidMount 中调用 loadData 函数。所以我在其中使用了 addListener 。但问题是显示数据花费的时间太长。有时它可以无缝运行，有时它一直只显示“正在加载数据......”。我是否正确使用了 addListener？提前致谢。

主页.js

标签导航

我正在使用反应导航（"@react-navigation/native": "^5.1.3"）并且我有以下设置：

它看起来像是goBack()堆栈本地的。这意味着如果我从 stack1 中的一个页面导航到 stack2 中的一个页面，我将无法转到我上来的页面。

对我不起作用的解决方案（或者更确切地说是 hack）：

• 将源屏幕作为参数传递，然后导航。这不是一个真正的后退按钮，并且不能很好地与 android 后退按钮一起使用。
• 将所有页面放在底部导航中。底部导航似乎没有动画，所以我无法实现正确的过渡
• 将所有页面放在堆栈导航中。在这种情况下，我失去了固定的底部导航。我可以将它添加到每个页面，但是在转换时它会随着旧屏幕消失并再次出现新屏幕，这是不可取的。

所以我想知道我是否在这里遗漏了一些重要的东西，比如globalBack()我忽略的？！

而且，我正在寻找解决这个问题的方法。

我正在使用反应导航。我的底部标签导航器有五个图标，我只想显示四个图标（屏幕 1、屏幕 2、屏幕 4 和屏幕 5）并隐藏另一个（屏幕 3）。

当且仅当条件语句为真时，如何隐藏 screen3 的图标和标签..？

这是我的代码：

如果条件语句为真，我想隐藏此 screen3 图标和标签

我是 React Native 的新手，我正在尝试创建一个带有底部选项卡导航器的应用程序。但是，在HomeScreen.js第一个选项卡导航器屏幕中，我希望用户能够通过按下按钮导航到另一个屏幕，同时在同一个选项卡导航器中。

例如：在HomeScreen.js中，当用户按下一个按钮时，它会AnotherScreen.js在 Tab Navigator 中导航到该按钮，在这种情况下，它是 Home 按钮。

这是我的Apps.js

请你帮助我好吗？

我的导航器中有 6 个项目。我放了 shift={false} 因为我想显示所有标签。但是现在每个选项卡的特定背景颜色不适用。有没有办法拥有所有标签以及特定的背景颜色？

当按下 BottomTabNavigator 上的特定选项卡时，我想导航到屏幕。

通常，当按下选项卡时，它会自动导航到配置的屏幕。但我不想有这种行为。我想隐藏该屏幕上的底部选项卡并在顶部栏中提供返回功能。我通常navigation.navigate('routeName')在 ReactNavigationStack 屏幕中使用。但我不知道在 BottomTabNavigator 配置中如何/在何处编写此代码。

例如，我在底部栏中有以下 5 个选项卡。我想在按下Add按钮时导航到AddNewScreen 。我不知道在哪里放置 onPress 事件。我试图把它放在and下。但仍然没有运气。optionsBottomTab.Screen

我试图拦截onPress事件以使用navigation.navigate. 但它甚至没有被击中，它总是用标签栏打开 AddNewScreen。

添加新屏幕始终使用底部选项卡栏打开。

问题：

1. 按下选项卡时是否可以导航到特定屏幕？
2. 无论如何要隐藏添加新屏幕上的底部标签栏吗？

React Native 0.62是否可以在滚动时隐藏从 reactnavigation.org 创建的createBottomTabNavigator标签栏？

我很好奇是否有可能以类似于 LinkedIn 的方式，当您向下滚动页面时，标签栏消失，而当您向上滚动时，它会重新出现。还是只能使用自定义标签栏？

我有一个应用场景，其中我有一个底部选项卡导航器作为我的基本导航器选项卡，其中主页、产品...作为我的选项卡：

让我们考虑一下底部选项卡中的前 2 个屏幕。第一个是家。它包含前 5 个热门产品的列表和一个“查看全部”链接，该链接将其导航到第二个标签产品。

每个单独列出的产品都应该导航到产品详细信息页面。由于底部选项卡导航器中未定义 productDetail 导航，因此我尝试通过 homeStack 在主页中创建一个新的 Stack 导航器来解决此问题，如下所示：

现在我们在处理程序中有 productDetail 导航器，我可以导航到产品详细信息。同样，产品底部选项卡在顶部有另一个堆栈导航器 ProductStack，它有助于导航到其各种链接。它是这样的：

我在这里主要担心的是，我在不止一个地方将 ProductDetail 和 CartStack 作为导航器的元素包含在内，我觉得我做的不对。

这种多层次的导航器堆叠也会导致性能问题吗？

此外，当我从主屏幕直接导航到 productDetail 时访问的 cartStack 会导致底部选项卡消失。

我在这里处理情况完全错误吗？有没有更简单的方法可以做到这一点，我还没有想到？