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

react-native - 出现“尝试注册两个具有相同名称 RNCViewpager 的视图”的错误

在此处输入图像描述

你好,我收到了错误,但我不知道如何解决它。我认为这是由 react-native-tab-view 和 react-native-pager-view 之间的冲突引起的

我试过了

  • 删除 node_modules 并重新安装。
  • 安装了不同版本的 react-native-pager-view
  • 在 package.json 中添加了“解决方案”。

我的 package.json 是

0 投票
0 回答
29 浏览

reactjs - 当用户导航到反应本机应用程序中的第二个选项卡时,一个选项卡中的关闭“警报”会重新打开

在我的 react-native 应用程序中,我有一个导入三个不同选项卡视图的屏幕。我遇到的一个问题是,在其中一个选项卡(SessionsTab选项卡)上,如果进行了某个用户操作,我会alert弹出一个。

现在,问题是,如果用户alertSessionsTab选项卡中关闭它,然后导航到DetailsTab选项卡,则alert重新打开/重新出现,并且必须再次单击它才能清除它。我怎样才能防止这种情况发生?

注意:我正在使用react-native-tab-view标签。

这是我在屏幕中用于呈现选项卡的代码:

一个示例alert如下所示:

0 投票
1 回答
181 浏览

react-native - 反应本机可折叠选项卡视图标签样式不起作用

我正在尝试设置选项卡名称的样式但不工作。道具 labelStyle 不作为道具存在,但在文档中它存在。

..................................................... ..................................................... ………………………………………………………………………………………………………………………………………………………… ..................................................... .....................

0 投票
1 回答
49 浏览

reactjs - 如何捕捉 HScrollview 的 onScoll 或 onScollEnd 等事件

我在用

我将一个 FlastList 推入 HScrollView

flashlist 的事件 onEndReached 将不起作用,而不是滚动关闭 Hscrollview 工作。

我想要 Hscollview 的 catch 事件来定制相同的 onEndReached。

请帮我!

反应:“16.13.1”

反应原生:“https://github.com/expo/react-native/archive/sdk-41.0.0.tar.gz”

React-Native-Gesture-Handler:“^1.10.3”

0 投票
0 回答
149 浏览

react-native - React Navigation:使用 iOS 打开时键盘会自动关闭

react-navigation 6开始(虽然在react-navigation 5上一切正常),我的键盘不再适用于 iOS(在 Android 上没问题):它们在打开时自动关闭。

ezgif-1-cf48b7afd9e1

我根据官方文档重新创建了一个非常简单的示例。这个简单的例子不起作用:

我认为当我同时使用react-navigation/material-top-tabs和时会出现这个问题react-navigation/material-bottom-tabs

0 投票
1 回答
186 浏览

react-native - 反应原生 TouchableOpacity onpress 问题

我正在使用 TabView,并且在每个选项卡中我都使用 flatList。每个列表项都有电话和电子邮件按钮。但是 TouchableOpacity onpress 不起作用,所以我使用 onPressOut。onPressOut 工作,但它在我接触时有效,而不是在接触时有效。你们有什么想法为什么会发生这种情况

在此处输入图像描述

0 投票
1 回答
123 浏览

react-native - 我正在尝试以 react-native 修复屏幕底部的标签栏,在输入一些文本时

我试图在 react-native 中修复屏幕底部的标签栏,当我输入一些文本或写东西时,标签栏出现在键盘的顶部,它不再固定在底部。我也试过绝对位置,

在这里,我附上了我给 tabNavigator 的代码

0 投票
0 回答
25 浏览

react-native - 如何在 React Native TabView 之前添加图标或文本?

我是反应原生的新手。我想创建一个顶部带有徽标的登录页面,然后创建一个 react-native tabview。

我无法在 tabview 之前添加图标:

在此处输入图像描述

我需要的样本是这样的:

在此处输入图像描述

0 投票
0 回答
71 浏览

reactjs - React Native Tab View:当 Tabview 元素被包装/嵌套在 View 中时显示空屏幕

'react-native-tab-view'在我的代码中使用库。链接在这里:npm / github

这是小吃中的一个基本示例代码- 可以在 Web 上运行。

现在的问题是 - 如果我想在<Tabview/>标签上方显示一个标题文本,它什么也不显示。即使我只是将其包装<Tabview/><View></View>下面这样的代码段中,它也会显示一个空屏幕,即使没有任何错误。

这是一个带有输出的示例代码屏幕截图,来自带有嵌套的零食<Tabview/>在 Android 设备中运行

在此处输入图像描述

请建议如何实现这一目标。不知道我错过了什么?

0 投票
0 回答
66 浏览

javascript - 反应原生材料顶部选项卡在堆栈标题和选项卡之间的空白空间

我正在开发一个应用程序并在我用来@react-navigation/material-top-tabs实现顶部选项卡的主屏幕(第一个屏幕)中。一切正常,但当我第一次启动应用程序时,Tab 和 Header 之间出现了一个奇怪的间隙,请观看此演示以了解问题。我不知道发生了什么,因为当我关闭并重新启动它或在开发时重新加载应用程序时它可以工作

演示链接:(请观看https://drive.google.com/file/d/1K2Q5GvogPkRcNun3be3o1W1Bsr3riyTB/view?usp=sharing

图片:

在此处输入图像描述

编码:

有人可以帮我解决顶栏的这个问题吗?先感谢您!