问题标签 [react-navigation-bottom-tab]

如代码所示，未调用 tabPress，是我做错了还是遗漏了什么，不幸的是，我没有找到任何反应导航版本 5 的代码示例。

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

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

我正在使用react-navigation createBottomTabNavigator创建底部标签导航。标签栏在 iOS 上显示正常，但在 Android 上显示如下：

我不确定是什么导致了这种奇怪的造型。下面是我创建底部标签栏的代码：

每个选项卡都是一个堆栈导航器。警报堆栈导航配置如下：

如果您过去遇到过此问题并知道如何解决，请告诉我。如果您需要任何其他信息来解决问题，也请告诉我。

谢谢！

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

这是我的自定义 tabBar 组件：

提前致谢。

我正在使用 React Native 创建一个应用程序，我需要将参数从一个屏幕发送到选项卡导航器的所有屏幕。

画面总结：

• 登录
• 家
• 配置文件（选项卡）
• 设置（选项卡）

我需要将用户名从 Login 发送到 Home 并从 Home 发送到 Profile and Settings

应用程序.js

登录.js

Home.js -> 在这里我需要向所有选项卡发送用户名

Profile.js

我如何发送和接收参数

从登录到主页：

登录.js：

主页.js：

从主页到配置文件/设置：

主页.js：

Profile.js：

我更改了背景颜色以使其更明显。我希望红色容器变得透明。

有什么办法可以做到这一点？我正在使用 react-navigation 5，并根据 Bottom-tab-navigator创建了一个自定义底部标签栏

我用于底栏的代码如下

就我查看代码而言，我找不到任何使其透明的方法。

我需要在应用程序的标签导航器中添加一个中间按钮。 使用 react-navigation 3 很容易实现此功能，但是，react-navigation 5 具有不同的结构，无论如何我都找不到在导航器中插入自定义按钮或组件。

我能做些什么？任何帮助将不胜感激！

我的选项卡中有bottomTabNavigator，每个选项卡内都有堆栈。每当我单击另一个选项卡时，我都想重置堆栈。

选项卡导航器-

选项卡 1 - |_堆栈导航器

选项卡 2 - |_堆栈导航器

选项卡 3 - |_堆栈导航器

目前的情况是，。假设我在选项卡 1 上 - 我从 screen 1 导航到 Screen 2 。然后我点击 Tab 2 。现在，如果我再次单击选项卡 1，将显示屏幕 2 而不是屏幕 1。

每个选项卡上都发生了类似的事情。

我想在每个选项卡单击时重置选项卡。

请帮忙。

我在用 -

“依赖”：{“@react-native-community/cli”：“^4.1.0”，“@react-native-community/masked-view”：“^0.1.6”，“@react-navigation/bottom -tabs”：“^5.0.5”，“@react-navigation/native”：“^5.0.5”，“@react-navigation/stack”：“^5.0.5”，“react”：“16.9。 0”、“react-native”：“0.61.5”、“react-native-gesture-handler”：“^1.6.0”、“react-native-gifted-chat”：“^0.13.0”、“ react-native-reanimated": "^1.7.0", "react-native-safe-area-context": "^0.7.3", "react-native-screens": "^2.0.0-beta.7 ", },

在我的react-navigationReact Native 0.61 应用程序上从 4.x 升级到 5.x。有很多变化可能会在升级中中断。我的问题是，升级后，初始屏幕仍然存在并且即使单击其上的组件链接也不会路由。

package.json这是for中的部分依赖项react-navigation：

这是我的App.js（抱歉有点乱。另外将 3 个选项卡减少到一个初始屏幕）。加载的第一个组件是从本地驱动器检索数据的 SplashScrren。之后，App被加载。App有一个底部标签Event。单击列表上的事件时，将Chat加载一个允许用户与其他用户聊天的事件。

这是Event最初加载的组件。

单击test时，Chat应加载组件但未加载，屏幕保持不变。即使日志文件确实显示Chat组件的代码已执行。我的react-navigation升级有什么问题？

我有带有 4 个选项卡的 BottomTabNavigator 我的结构如下面的屏幕截图所示。这是实现的底部标签栏下方的视图，但问题是我无法从主页/搜索选项卡导航到任何其他选项卡。另外，我尝试<Appcontainer />在代码中如下所示传递导航，但它也不起作用。

我正在使用反应导航 v3.11.2

有没有其他方法可以在<Appcontainer />. 或任何其他方法，以便我能够在 BootomTabs 中导航。