问题标签 [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 投票
0 回答
295 浏览

react-native - 路由“x”的组件必须是 React 组件

一旦他们更新了他们的 API,这似乎是反应导航的一个常见问题

查看修复错误:路由“主页”的组件必须是 React 组件

组件都不想加载到这个 tabNavigator 中profilecamera有什么建议么?

相机.js

InstaClone.js

0 投票
1 回答
802 浏览

reactjs - 如何在本机反应中隐藏特定的选项卡组件?

在我的代码中,我想在 Tabnavigator 中隐藏抽屉选项卡。我会做很多尝试,但它不起作用。请帮我。

0 投票
1 回答
204 浏览

react-native - Native Base 和 TabNavigator 在 tabBarComponent 中获得活动状态

在此处输入图像描述

我正在使用 Native Base 和 TabNavigator 来显示自定义选项卡。

如何更改 Button 元素的“活动”属性以反映自定义活动选项卡?

0 投票
0 回答
274 浏览

react-native - 使用 TabNavigator 时如何跳转到另一个屏幕?

我使用 createMaterialTopTabNavigator。

现在我有一个TouchableOpacity可以转到钱包屏幕,这个 TouchableOpacity在一个选项卡中,这个选项卡在我的主屏幕中。当我单击 TouchableOpacity not working 时,我没有看到任何错误。

文件:

屏幕根目录: inc/root.js

钱包: inc/wallet/wallet-screen.js

主页: inc/home-screen.js

标签根目录: inc/home/tabsShow.js

标签: inc/home/tabs/men.js 和 inc/home/tabs/women.js

0 投票
0 回答
509 浏览

react-native - 如何在 React Native 中同时显示底部导航器和抽屉导航器

我是 React Native 的新手。我想构建底部导航器和抽屉导航。我使用了下面的代码,我无法从抽屉菜单导航到页面。我可以从 Tab Navigator 导航到该页面。

在代码中,Drawer Navigator 和 Tab Navigator Screens 是不同的。

请帮助解决这个问题。

0 投票
0 回答
162 浏览

react-native - 如何动态更新所有标签导航标题?

我有 3 个选项卡 Tab1、Tab2 和 Tab3。如何从任何选项卡动态更改此选项卡标题。

以下是我的代码..

请帮助我如何动态更改标签标题。

谢谢,

0 投票
1 回答
1029 浏览

react-native - 在 2 个选项卡之间传递数据

我正在构建一个包含TabNavigator. 我如何在第一个屏幕中初始化我在第二个屏幕中也需要的数据。我想知道在这些屏幕之间传递参数的最佳方式是什么

我尝试Navigation.setParams()从第一个屏幕使用,但在第二个屏幕上我没有得到它。

我想知道如何让importantData那个返回PaymentsScreenGraphsScreen

谢谢你

0 投票
1 回答
40 浏览

react-native - 如何将按钮和选项卡导航器放在同一页面上?

我是 react-native 的初学者

我刚刚打开了一个标签导航器已经存在的项目

我想在我的搜索屏幕上添加一个按钮

我怎样才能做到这一点?

我试图在网上寻找一些指导

HomeScreen.js

应用导航器.js

应用程序.js

我应该将 RootStack 添加到哪里?谢谢你的回答。

0 投票
1 回答
88 浏览

react-native - 我正在尝试将我的 BottomTabNavigator 集成到我的 StackNavigator

我有一个堆栈导航器,用于导航到所需的任何屏幕。但我也有一个只有四个屏幕的选项卡导航器。

我想让 Tab Navigator 出现在除登录和创建屏幕之外的每个屏幕上。

我已经尝试了很多组合这些的变体,但似乎都没有奏效

0 投票
1 回答
1070 浏览

react-native - 如何在 React Native 中的多个屏幕中创建不同的顶部选项卡

我希望在不同的屏幕中创建不同的选项卡。这有点难以解释,所以我将发布几张照片来说明我的愿望输出。

我已经使用 createMaterialTopTabNavigator 创建了一个选项卡导航器,但似乎我不能在整个单独的 js 文件中两次应用相同的逻辑。我的javascript相当弱。

这是我的第一个标签导航(新闻源 + 服务)的代码。我希望做同样的事情,除了不同的标签标题。

我的问题是,我将如何实现我的愿望输出?

我有的:

在此处输入图像描述

我想要创造什么:

在此处输入图像描述