问题标签 [react-native-tab-view]

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 投票
2 回答
779 浏览

javascript - 在 react-native-tab-view 中制作路线时遇到不变违规

当前行为

使用react-native-tab-viewv1.0.0 时,出现错误:

预期行为

不应该抛出错误并运行。

代码示例如下

0 投票
1 回答
583 浏览

react-native - 如何使用 react-navigation 和 react native 制作如图所示的标签栏?

如何使用 react-navigation 和 react native 制作如图所示的标签栏?如图所示,如何做圆形标签菜单?我应该使用 react-native-svg 路径吗?

图片在这里

我试过这段代码:

我的风格代码:

0 投票
1 回答
4718 浏览

javascript - 如何使用 react-native-tab-view 显示动态选项卡?

我一直在尝试显示动态选项卡,react-native-tab-view但它一直给我这个错误:

我的代码是:

0 投票
1 回答
2228 浏览

react-native - 如何将数据传递给类之外的组件

我通过将上一页的用户名作为参数传递来获取用户名,并在新页面中获取数据作为this.props.userName

现在我想将此值传递给我在标签视图中使用的其他组件。

我正在使用React Native 路由器 Flux和React Native选项卡视图

问题:由于我使用常量将组件存储在类上方,因此我无法将道具数据传递给该组件

0 投票
0 回答
2398 浏览

javascript - 用内部滚动反应原生 tabview 滚动标签栏

我正在构建一个反应原生应用程序,如社交平台。在该应用程序中,我使用了 react-navigation 包中的选项卡导航。在一个屏幕上的选项卡内,我使用了 react-native-tab-view 中的另一个选项卡视图。在那个标签视图中,我希望当我滚动内部内容然后滚动标签栏时,该栏应该隐藏/显示,或者它可以随着标签视图的内容滚动。目前,内容滚动正常,但是当我为选项卡视图提供带有 Scrollview 的父级时,它只滚动到某些部分,而不显示我的全部内容。

在该屏幕中,有两个选项卡,一个是世界提要,另一个是连接提要。

这是我在提要视图中呈现的提要选项卡组件,如下所示。

现在滚动很好,我希望当我滚动内容时,标签栏也应该随之滚动,或者可以通过向下/向上滚动来隐藏/显示。

如果有人知道请帮忙。

提前致谢。

0 投票
1 回答
130 浏览

react-native - 使用 react-native-tab-view 固定执行卡片导航?

我目前正在使用 react-navigation 和 react-native-tab-view。如果我想导航到另一个屏幕,但将选项卡视图保持在同一位置,我该怎么做?

0 投票
2 回答
922 浏览

react-native - 当我从反应原生的一个选项卡导航到另一个页面时,如何从顶部删除选项卡栏

每个人我都面临 react-native 的问题,因为我是新手。

我从主页调用一个标签页,所以在标签页顶部有一个导航栏,在这个导航栏下方,一个标签栏显示两个标签。在此处输入图像描述

到目前为止这很好,但问题从这里开始 在 tabPage 我有两个选项卡 -> tab1 和 tab2 从 tab1 我导航到页面 MainPage1 ,它在导航栏下方显示一个导航栏,在标签栏下方显示一个标签栏,另一个导航栏。如图所示。在此处输入图像描述

我完全无法同时删除标题为“Stopages”的顶级导航栏和标签栏。

我正在使用 Tabview 来创建这个 tabbpage 并使用 stacknavigator 来导航到不同的页面。我被困在这里并且无法找到解决方案

注意->我尝试过使用

但它什么也没做请帮忙

这是我的停课课

0 投票
2 回答
3078 浏览

react-native - react-native:滚动时如何将标签栏粘贴到顶部?

react-native-tab-view用于处理表格导航。向下滚动时,是否可以让标签栏滚动,但一旦到达顶部就粘在屏幕顶部?所以像 ScrollView 的stickyHeaderIndices.

这是我想要的一个例子,标签栏“帖子,评论,关于”贴在顶部。

例子

0 投票
4 回答
3746 浏览

react-native - 当有很多选项卡时反应原生选项卡视图宽度

我正在使用https://github.com/react-native-community/react-native-tab-view 但我的问题是

  1. 当有很多标签时,它只会在屏幕上显示,并且高度会扩大。我正在寻找的是高度是固定的,宽度根据标签扩展
  2. 在选项卡之间移动时,似乎会重新加载每个选项卡上的视图

感谢您为解决我的问题提供的所有建议。谢谢

在此处输入图像描述

0 投票
1 回答
1306 浏览

ios - 反应原生选项卡视图

我正在构建我的第一个 react-native 应用程序,并使用 react-native-tabview 实现选项卡。坚持错误:

“TypeError:未定义不是对象(评估'_this.props.navigationState.routes.length')。

这是我收到的错误截图。

截屏