问题标签 [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.
react-native - React native - Material Top Tabs Navigator,带有滑动列表视图在选项卡内滑动
我在我的应用程序中使用react navigation 5.x material top tabs navigator有两个选项卡,在两个选项卡内我有滑动列表视图组件。
我希望能够在列表视图上滑动行,但是当我尝试滑动它们时,选项卡也会被滑动。
我可以取消在选项卡上的滑动,但我希望在用户滑动到动态列表之外时启用它。
我怎样才能做到这一点?谢谢您的帮助
reactjs - React Native“Material Top Tabs Navigator”中的动态组件创建
目前我正在开发一个新闻应用程序,我必须在其中显示类别明智的新闻列表。这些类别是动态的并从 API 获取(例如,健康、运动、旅游、技术等)。我正在使用Material Top Tabs Navigator来显示这些类别。
我需要为每个类别动态生成组件(例如,Health 将调用 Health 组件,Tech 将调用 Tech 组件等等......)因为对于每个类别,将调用不同的 API 并列出新闻因此。根据反应导航,我无法理解如何开发那些动态组件来实现流程。
这是我需要开发的原型图像: App Prototype Image
在这方面的任何帮助将不胜感激。
react-native - 从子堆栈导航到父堆栈中的组件屏幕
我正在尝试从我的 topTab 导航导航到 Stack Navigation 上的屏幕,但找不到解决方法。我尝试使用 navigation.getParent() 但它抛出了这个错误TypeError: undefined is not an object (evaluating 'navigation.getParent().navigate')
这是我正确解释的代码:
我正在尝试从 tabNavigator 屏幕访问播放器组件。我该怎么办?
reactjs - 如何在自定义标题组件中呈现材质顶部选项卡导航器
我想渲染createMaterialTopTabNavigator()
从react-navigation
自定义标题组件内部创建的材质顶部选项卡导航器。事实上,我的标题是一个渐变,所以我需要像这样在标题中添加标签:
所以我marginTop
在标签栏上设置了一个负数以将其放在标题上:
它在 Android 上运行良好,但在 iOS 上却不行,因为标签栏在标题后面(我不知道为什么)。我可以在世博会(网络版)上重现:世博链接 你有解决方案吗?
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
。所以现在我有了这个: