问题标签 [react-native-swiper]

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

reactjs - React Native Deck Swiper

我正在尝试使用下面的两个功能组件向 enpoint 发出 GET 请求,以显示在我的 react native 甲板扫描器中

从控制台记录时返回的数据:

我现在将数据保存到状态数组中

这是我的 swipper(省略了一些代码 - 没有必要)

当我尝试从我的 Card 可重用组件访问数组中的任何数据时,例如card.featured_image

我会得到这个错误 - TypeError: undefined is not an object (evaluating 'card.featured_image')。请有人帮助我。

0 投票
1 回答
645 浏览

react-native - 我有问题,我的刷卡器不显示图像

我正在使用 react-native-swiper-flatlist.Swiper 和来自 swiper 的点在那里,但没有显示图像。我对 react-native 很陌生。这是我的代码:

0 投票
1 回答
160 浏览

react-native - TypeError:无法读取未定义的属性“地图”?开玩笑/反应本机

我有一个图像滑块组件来显示我的 Firebase 数据库中的图像,如下所示,

对于上面的组件测试,我使用了以下测试文件,

当我运行 npm test 命令并出现以下错误后

谁能帮我解决这个问题,谢谢

0 投票
1 回答
413 浏览

react-native - react-native-deck-swiper 如何在 react-native-deck-swiper 中传递动态引用?

我不习惯使用 ref,所以我有一个问题。我正在使用 react-native-deck-swiper 来显示一些卡片。人们可以通过刷卡投票。尽可能清楚:

  • 我的刷卡器在我的平面列表中显示为一个项目,其中包含来自多种类型的其他项目
  • 我的项目按项目类型有条件地呈现,如果我的项目是滑动类型,我显示的是滑动,如果它是简单的文本,我正在显示文本等...
  • 所以我的平面列表中可能有多个刷卡器

这是显示我的 swipers 的 json:

因此,每个 swipers 都可以作为 ref、theitem.entity.iditem.entity.id.

我的刷卡器显示item.entity.propositions为卡片。每张卡片都有拇指可以向右,向上或向左投票。我需要一个 ref 来做一些事情,比如swiperRef.current.swipeRight()当我们点击拇指或告诉用户这个刷卡器的每张卡片都已通过显示消息刷卡时。现在消息显示在所有刷卡器上,这不是我想要的:)

这是我的 swiper 的代码:

这是向左、向右或向上刷卡的功能之一:

任何帮助表示赞赏!我有点卡在这里,对裁判不太熟悉哈哈 x 我的项目是功能组件:)

如果您需要更多信息来帮助,请告诉我!:)

0 投票
1 回答
67 浏览

react-native - 我怎么知道我在哪个页面(react-native-swiper)?

我正在使用 React Native 开发一个小型应用程序,并且在我的应用程序中使用“react-native-swiper”。在这个包“react-native-swiper”中,我怎么知道我现在在哪个页面上?我可以获得一些值来指示我在哪张幻灯片上,例如幻灯片索引吗?现在在屏幕上,有 2 张幻灯片,每张幻灯片都有相同的图像,位置偏心在幻灯片之外。我重叠了两张图片。

问题是:

在android中,当我从幻灯片1推到幻灯片2时,粉红色的图像消失了,但iOS没有。所以我想根据幻灯片索引来控制它的不透明度。

如何在“react-native-swiper”中获取幻灯片索引?

图片

0 投票
0 回答
160 浏览

react-native - react-native-swiper 高度道具不起作用

我正在使用 react-native-swiper 来实现滑动屏幕功能。但是,它的height道具不起作用。heightprop 基本上是针对元素内部的内容的ScrollView。我正在使用 renderPagination 渲染页脚以进行导航并为其和(通过道具)赋予高度。组件20%和页脚工作正常,但里面的内容溢出并隐藏在页脚后面。我添加了一些断点并且道具得到了正确的值并且里面的内容也得到了正确的渲染,但是在我恢复执行之后,事件被触发并且新的高度(屏幕的全高)被设置为里面的内容80%ScrollViewscrollViewStyleScrollViewScrollViewheightScrollViewonLayoutScrollView. 我该如何防止这种情况或我做错了什么?截图(视图内的内容分为高度相等的两部分:Header 和 Content):

  1. 在暂停执行时 在此处输入图像描述
  2. 恢复执行后(“内容”隐藏在页脚后面) 在此处输入图像描述

代码 AuthenticationScreens.js

幻灯片.js

SlideFooter.js

0 投票
1 回答
176 浏览

reactjs - 使用数据数组渲染 React 原生 swiper

我正在使用 react-native-swiper 库。我想根据数组在刷卡器中加载图像。我尝试了以下代码。

我尝试了上面的代码,但我得到了错误,即使我在 pages 函数中返回了一些东西。

如果我使用如下代码,则会显示我的滑块图像。

但问题是分页不起作用,有人可以告诉使用 swiper 中的数组的正确方法,谢谢。

0 投票
0 回答
17 浏览

react-native - react-native-swiper 无法在 TouchableWithoutFeedback 中工作

嵌套在里面时我无法滑动图像TouchableWithoutFeedback

0 投票
0 回答
7 浏览

native-base - 如何按顺序滑动本机基础的 DeckerSwiper

我面临的问题是我的刷卡器无法正常工作,就像我有 4 张卡一样,当我使用它时,它必须使用第一张卡,但它会进入第三张卡,预计流量为 1,2,3,4,1, 2,3,4 但它的流量是 1,2,3,4,3,2,1

0 投票
0 回答
16 浏览

react-native - 在 iOS 后端运行 react native 后,数据的每个边界都会抖动

如果您有兴趣,请帮我看看我在官方网站上发布的这个问题,如下所示:

https://github.com/jemise111/react-native-swipe-list-view/issues/580