问题标签 [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.
react-native - 通过单击 React Native 中的选项卡动态更改标题文本并显示/隐藏左/右标题按钮?
我在我的反应原生项目中使用标签。我想更新标题文本并显示/隐藏选项卡上的左、右按钮单击反应原生。
我将此代码用于选项卡导航和 StackNavigator 用于选项卡屏幕:
在下面点击复选框按钮的屏幕截图中,我想在标题中显示删除按钮
知道如何更新标题并显示隐藏标题按钮吗?
reactjs - 在某些屏幕中隐藏底部选项卡
我使用从“react-navigation-tabs”导入的底部标签导航器
屏幕 1 是堆栈导航器
经过一些研究,我找到了以下解决方案,但不起作用
这是一个坏消息,因为即使将其隐藏在所有屏幕上,下面的代码也不起作用
经过大量研究和尝试数十种解决方案后,标签始终可见
react-native - 在单个选项卡上使用多个屏幕
您好,我在 react native 中使用此代码来创建选项卡。但我想根据用户按下的按钮在单个屏幕上使用多个屏幕。那么我该如何在本机反应中做到这一点
我正在获取screen1,但我希望单击firsttab 时我想切换选项卡屏幕。我怎样才能做到这一点。
react-native - 如何将图标添加到 tabnavigator 中的选项卡?
您如何在此处的 tabnavigator 中为每个选项卡添加图标?现在只显示文本。我应该向 TabNav 添加什么来为 Home 和 Interact 添加图标?
react-native - 我在 StackNavigator 中的什么位置放置“tabBarOptions”?
我正在使用 create-react-native-app 并且正在使用带有 createBottomTabNavigator 函数的 StackNavigator。这些图标是通过一个单独的组件设置样式的,但是我在设置导航器的其余部分时遇到了问题。
我已经创建了我想使用的这些选项:
希望这对某人来说非常明显,并会感谢您的帮助!我尝试将选项放置在下面代码中的各个位置(两个位置都不起作用):
如果您想查看图标组件:
react-native - 是否有可能在 react-native 的抽屉导航器中嵌套选项卡导航器?
是否有可能在 react-native 的抽屉导航器中嵌套选项卡导航器?当调用汉堡菜单图标时,我希望抽屉覆盖整个屏幕并在其中实现 Tab navigator。我需要一些帮助。
react-native - 如何使用 React Native 上的按钮在选项卡之间导航
我的应用中有以下页面
- 登录
- 登记
- 仪表板 [主页、设置、配置文件]
- 编辑个人资料
在此模型中,“主页、设置、配置文件”页面在 MaterialBottomTabNavigator 中分组:
//仪表板
//编辑配置文件
“EditProfile”页面未分组在“MaterialBottomTabNavigator”中
有没有办法在“编辑个人资料”页面上创建一个“锚点”按钮,该按钮导航到“个人资料”选项卡中的“仪表板”页面?
Obs:导航到“配置文件”页面有效,但是 MaterialBottomTabNavigator 未呈现,因为它仅存在于“仪表板”页面上
对不起我的英语不好
react-native - 在 React Native Navigation 中的选项卡之间切换时如何保持堆叠的屏幕
我正在使用一个底部选项卡导航器创建createBottomTabNavigator()
并传递几个屏幕,每个屏幕都包含自己的堆栈导航:
我将我自己的自定义底部导航器组件传递给它,称为<NavigationFooter />
. 如果tabBarComponent
省略,则使用内置的底部选项卡导航器,但是我需要比此内置解决方案提供的更多功能。问题是,当使用我的自定义标签栏时,我在各个屏幕中失去了堆栈持久性。澄清一下,假设我的TradingStack
屏幕上有几个堆叠在上面的屏幕,我打开其中一个。使用默认标签栏时,如果我切换到LendingStack
屏幕然后返回TradingStack
,我仍然会在被推到根TradingStack
屏幕顶部的堆叠屏幕上。
但是,当使用我的自定义选项卡栏组件时,在这些选项卡/屏幕之间移动总是会将我带到每个选项卡的根目录,而不是让我回到选项卡所在的堆叠屏幕,然后再离开它。这是我的自定义页脚组件:
如您所见,当TouchableOpacity
按下其中一个元素时,我navigation.navigate()
会转到所需的屏幕,但是,如前所述,这会将我带到屏幕的根部。我知道这基本上是明确告诉应用程序导航到选项卡的根屏幕,但我不知道如何让选项卡“记住”在我离开之前它所在的堆叠屏幕,就像默认标签栏。
react-native - 如何一起使用“createStackNavigator”和“createMaterialTopTabNavigator”?
在我的本机应用程序中,我使用的是“createStackNavigator”,但是当我结合“createMaterialTopTabNavigator”时,它会出现错误。我如何同时使用两个导航?我尝试了aolot,但无法解决此问题。在我的代码中,我使用 createStackNavigator 两次,一次用于家庭,另一次用于 tabScreen,当我单独使用它时,它都可以正常工作,但无法组合。
主.js