问题标签 [react-native-tabnavigator]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
815 浏览

react-native - 通过单击 React Native 中的选项卡动态更改标题文本并显示/隐藏左/右标题按钮?

我在我的反应原生项目中使用标签。我想更新标题文本并显示/隐藏选项卡上的左、右按钮单击反应原生。

我将此代码用于选项卡导航和 StackNavigator 用于选项卡屏幕:

在下面点击复选框按钮的屏幕截图中,我想在标题中显示删除按钮

知道如何更新标题并显示隐藏标题按钮吗?

在此处输入图像描述

0 投票
1 回答
38 浏览

reactjs - 在某些屏幕中隐藏底部选项卡

我使用从“react-navigation-tabs”导入的底部标签导航器

屏幕 1 是堆栈导航器

经过一些研究,我找到了以下解决方案,但不起作用

这是一个坏消息,因为即使将其隐藏在所有屏幕上,下面的代码也不起作用

经过大量研究和尝试数十种解决方案后,标签始终可见

0 投票
2 回答
976 浏览

react-native - 在单个选项卡上使用多个屏幕

您好,我在 react native 中使用此代码来创建选项卡。但我想根据用户按下的按钮在单个屏幕上使用多个屏幕。那么我该如何在本机反应中做到这一点

我正在获取screen1,但我希望单击firsttab 时我想切换选项卡屏幕。我怎样才能做到这一点。

0 投票
1 回答
31 浏览

react-native - 如何将图标添加到 tabnavigator 中的选项卡?

您如何在此处的 tabnavigator 中为每个选项卡添加图标?现在只显示文本。我应该向 TabNav 添加什么来为 Home 和 Interact 添加图标?

0 投票
3 回答
4710 浏览

react-native - 我在 StackNavigator 中的什么位置放置“tabBarOptions”?

我正在使用 create-react-native-app 并且正在使用带有 createBottomTabNavigator 函数的 StackNavigator。这些图标是通过一个单独的组件设置样式的,但是我在设置导航器的其余部分时遇到了问题。

我已经创建了我想使用的这些选项:

希望这对某人来说非常明显,并会感谢您的帮助!我尝试将选项放置在下面代码中的各个位置(两个位置都不起作用):

如果您想查看图标组件:

0 投票
2 回答
432 浏览

react-native - 是否有可能在 react-native 的抽屉导航器中嵌套选项卡导航器?

是否有可能在 react-native 的抽屉导航器中嵌套选项卡导航器?当调用汉堡菜单图标时,我希望抽屉覆盖整个屏幕并在其中实现 Tab navigator。我需要一些帮助。

0 投票
0 回答
280 浏览

react-native - 如何使用 React Native 上的按钮在选项卡之间导航

我的应用中有以下页面

  • 登录
  • 登记
  • 仪表板 [主页、设置、配置文件]
  • 编辑个人资料

在此模型中,“主页、设置、配置文件”页面在 MaterialBottomTabNavigator 中分​​组:

//仪表板

//编辑配置文件

“EditProfile”页面未分组在“MaterialBottomTabNavigator”中

有没有办法在“编辑个人资料”页面上创建一个“锚点”按钮,该按钮导航到“个人资料”选项卡中的“仪表板”页面?

Obs:导航到“配置文件”页面有效,但是 MaterialBottomTabNavigator 未呈现,因为它仅存在于“仪表板”页面上

对不起我的英语不好

0 投票
1 回答
1315 浏览

react-native - 在 React Native Navigation 中的选项卡之间切换时如何保持堆叠的屏幕

我正在使用一个底部选项卡导航器创建createBottomTabNavigator()并传递几个屏幕,每个屏幕都包含自己的堆栈导航:

我将我自己的自定义底部导航器组件传递给它,称为<NavigationFooter />. 如果tabBarComponent省略,则使用内置的底部选项卡导航器,但是我需要比此内置解决方案提供的更多功能。问题是,当使用我的自定义标签栏时,我在各个屏幕中失去了堆栈持久性。澄清一下,假设我的TradingStack屏幕上有几个堆叠在上面的屏幕,我打开其中一个。使用默认标签栏时,如果我切换到LendingStack屏幕然后返回TradingStack,我仍然会在被推到根TradingStack屏幕顶部的堆叠屏幕上。

但是,当使用我的自定义选项卡栏组件时,在这些选项卡/屏幕之间移动总是会将我带到每个选项卡的根目录,而不是让我回到选项卡所在的堆叠屏幕,然后再离开它。这是我的自定义页脚组件:

如您所见,当TouchableOpacity按下其中一个元素时,我navigation.navigate()会转到所需的屏幕,但是,如前所述,这会将我带到屏幕的根部。我知道这基本上是明确告诉应用程序导航到选项卡的根屏幕,但我不知道如何让选项卡“记住”在我离开之前它所在的堆叠屏幕,就像默认标签栏。

0 投票
1 回答
314 浏览

react-native - 如何一起使用“createStackNavigator”和“createMaterialTopTabNavigator”?

在我的本机应用程序中,我使用的是“createStackNavigator”,但是当我结合“createMaterialTopTabNavigator”时,它会出现错误。我如何同时使用两个导航?我尝试了aolot,但无法解决此问题。在我的代码中,我使用 createStackNavigator 两次,一次用于家庭,另一次用于 tabScreen,当我单独使用它时,它都可以正常工作,但无法组合。

主.js

0 投票
2 回答
2431 浏览

reactjs - react-navigation v5 中不显示图标

我正在寻找选项卡导航名称旁边的图标,但我收到此错误:

在此处输入图像描述

我不使用 expo 然后我通过这种方式导入:

和:

这是主要代码:

我错了哪一部分?