问题标签 [react-navigation-top-tabs]

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 回答
105 浏览

react-native - React native - Material Top Tabs Navigator,带有滑动列表视图在选项卡内滑动

我在我的应用程序中使用react navigation 5.x material top tabs navigator有两个选项卡,在两个选项卡内我有滑动列表视图组件

我希望能够在列表视图上滑动行,但是当我尝试滑动它们时,选项卡也会被滑动。

我可以取消在选项卡上的滑动,但我希望在用户滑动到动态列表之外时启用它。

我怎样才能做到这一点?谢谢您的帮助

0 投票
0 回答
97 浏览

reactjs - React Native“Material Top Tabs Navigator”中的动态组件创建

目前我正在开发一个新闻应用程序,我必须在其中显示类别明智的新闻列表。这些类别是动态的并从 API 获取(例如,健康、运动、旅游、技术等)。我正在使用Material Top Tabs Navigator来显示这些类别。

我需要为每个类别动态生成组件(例如,Health 将调用 Health 组件,Tech 将调用 Tech 组件等等......)因为对于每个类别,将调用不同的 API 并列出新闻因此。根据反应导航,我无法理解如何开发那些动态组件来实现流程。

这是我需要开发的原型图像: App Prototype Image

在这方面的任何帮助将不胜感激。

0 投票
3 回答
197 浏览

react-native - 从子堆栈导航到父堆栈中的组件屏幕

我正在尝试从我的 topTab 导航导航到 Stack Navigation 上的屏幕,但找不到解决方法。我尝试使用 navigation.getParent() 但它抛出了这个错误TypeError: undefined is not an object (evaluating 'navigation.getParent().navigate')

这是我正确解释的代码:

我正在尝试从 tabNavigator 屏幕访问播放器组件。我该怎么办?

0 投票
1 回答
118 浏览

reactjs - 如何在自定义标题组件中呈现材质顶部选项卡导航器

我想渲染createMaterialTopTabNavigator()react-navigation自定义标题组件内部创建的材质顶部选项卡导航器。事实上,我的标题是一个渐变,所以我需要像这样在标题中添加标签:

在此处输入图像描述

所以我marginTop在标签栏上设置了一个负数以将其放在标题上:

它在 Android 上运行良好,但在 iOS 上却不行,因为标签栏在标题后面(我不知道为什么)。我可以在世博会(网络版)上重现:世博链接 你有解决方案吗?

0 投票
0 回答
21 浏览

react-native - React Native 材质顶部选项卡导航器:如何使文本等距?

"@react-navigation/material-top-tabs": "^5.1.7"在我的 React Native 应用程序中使用,并具有以下顶部选项卡导航器:

在此处输入图像描述

各个选项卡的宽度相等,但每个单词的长度不同,这意味着每个单词之间的空格不相等。我想让它在每个单词周围有相等的间距。这是我用于导航器的代码。in的style属性tabBarOptions是带有红色边框的父容器,tabStyle属性是带有黄色边框的子容器:

已解决:添加contentContainerStyle: {alignItems: 'center', justifyContent: 'space-around'}tabBarOptions,并添加width: 'auto'tabStyle。关键是,contentContainerStyle而不是style的直接父级tabStyle。所以现在我有了这个:

在此处输入图像描述