问题标签 [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 回答
23043 浏览

react-native - 更改所选标签栏项目的底部边框颜色

我在 react-native 中有以下代码

这是在 Android 模拟器中渲染时的样子

在此处输入图像描述

我希望黄色下划线改为红色下划线。但是我tabBarSelectedItemStyle声明红色下划线的规则没有得到承认。如何使所选标签栏项目的下划线变为红色?

0 投票
2 回答
4344 浏览

reactjs - react-navigation 中是否有用于 TabNavigator 选项卡的 onPress?

当用户点击 TabNavigator 中的最后一个选项卡(例如“更多”)时,我正在尝试使用 DrawerNavigator。

如果没有该选项卡的屏幕,然后在 componentWillMount 中调用 DrawerNavigator,这怎么可能实现。

我认为这是一种不合适的解决方案(这种方式加载“更多”屏幕),必须有一个更好的解决方案。

0 投票
1 回答
568 浏览

react-native - TabNavigator 和道具

我对 TabNavigator 有疑问...我想在导航中传递一个参数,但我很努力,但什么也没有:(

导航.js

我的其他屏幕:(它们是相同的)preferences.js

在我的构造函数中,我尝试显示道具,但我有...

控制台.log()

有人知道用吗?

0 投票
1 回答
1583 浏览

react-native - React Native:如何从外部 TabNav 在标签栏按下时导航回内部 StackNav?

我正在使用TabNavigatorStackNavigator构建一个 React Native 应用程序。

  • 我在我的 React Native 应用程序的根级别使用TabNavigator
  • TabNavigator中的每条路由都映射到StackNavigator
  • 每个StackNavigatorn个屏幕。

假设我在设置选项卡上,并且在用户设置 -> 支付选项 -> 信用卡 1中深入了 3 个屏幕。

每次点击“设置”选项卡时,我都想返回一个屏幕。

  • 点击 1:信用卡 1 -> 付款方式
  • 点击 2:支付选项 -> 用户设置
  • 点击 3:用户设置 -> 设置

我怎样才能做到这一点?

0 投票
0 回答
481 浏览

reactjs - TabNavigator 重新渲染

我在 react-native 中使用 TabNavigator,我想在导航时重新渲染,但我做不到......有人知道怎么做吗?

我的尝试:navigation.js

页面导航专业.js

0 投票
1 回答
2343 浏览

react-native - 如何在本机反应中更改选项卡导航器的颜色样式?

我是一个反应原生的新手。我在主屏幕上使用选项卡导航器,但无法理解如何更改活动和非活动选项卡颜色样式。

任何建议将不胜感激。

0 投票
1 回答
589 浏览

react-native - TabNavigator 重置

我在 react-native 中遇到了 TabNavigator 和 StackNavigator 的问题。我想在按下按钮时重置导航。我的标签导航中有我的堆栈导航。问题是我只能重置一个导航...

计划:

因此,当我在 ad.js 中单击它时,我有一个按钮,我的 stackNavigation 在 Listing.js 上重置为 type.js 和 tabNavigator 所以我想最终返回 Linsting.js。

我的导航:navigation.js

选项卡导航 linsting.js

堆栈导航 ad.js

0 投票
3 回答
11070 浏览

react-native - React Native - 使用 React Navigation 动态创建 Navigator

我正在使用 React Native 构建一个移动应用程序,并且我正在使用 React Navigation 在我的应用程序中构建一个导航器。React 导航为我提供了一种很好的方法来处理抽屉内的嵌套 Tab 栏,该抽屉也在 Stack Navigator 内。

问题是我需要指定组件,以便我可以将它们提供到选项卡栏中。假设我们必须从 API 中获取一些类别,但我们不知道数据中有多少类别。此外,我无法弄清楚即使我尝试在启动时获取数据,导航器和 redux 配置也会在启动时进行,这意味着应用程序必须知道这些选项卡导航器中的组件。即使我从 API 中获取数据,我也无法弄清楚如何在停止应用程序配置的同时创建多个组件。

下面的代码只是演示了我是如何实现标签栏的。该代码在 index.js 中有效,因为正如我之前提到的,应用程序必须知道 Navigator 中的组件。

谢谢

这里是根代码

0 投票
1 回答
612 浏览

reactjs - 更改 TabNavigator 时重置 StackNavigator

我的堆栈导航器有问题...我有两个导航

所以我想当我在第 2 页并单击主(tabNavigator)时,我的 stacknavigator 重置到第 1 页...

应用程序.js

但我不管理

0 投票
1 回答
88 浏览

react-native - (React-Navigation) 屏幕加载时多次调用 redux action

嗨,当我使用 TabNavigator(有 5 个选项卡)进入屏幕时,其中一个正在对 componentWillMount 调用 redux 操作。但奇怪的是为什么它永远不会停止调用这个动作。

在此处输入图像描述