问题标签 [react-native-snap-carousel]

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 投票
1 回答
8729 浏览

reactjs - 不能使用 react-native-snap-carousel

我想使用 react-native-snap-carousel 但是当我尝试初始化时出现错误:(

例子:

我的代码:

app.js 上的屏幕截图 相同 react Native

我看到一个问题(和我一样) 链接到 Github 问题

但不回答和问题接近

0 投票
0 回答
412 浏览

reactjs - React-native snap carousel / 索引处的虚拟化列表渲染项

我正在使用react-native-snap-carousel来呈现超过 100 个项目的列表(这个值可以增加)。

渲染轮播时,会渲染前14 个项目。

然后我需要使用该onSnapTo方法来获取超出可见区域且尚未渲染的索引。例如:

轮播不是渲染第 90 个项目,而是渲染可见区域中的最后一个项目:14。

有没有办法将轮播移动到索引 90 并以编程方式围绕该索引呈现项目?

0 投票
1 回答
5832 浏览

reactjs - 警告:道具类型失败:提供给“轮播”的“对象”类型的无效道具“数据”,应为“数组”

我正在使用 react-native-snap-carousel,它运行良好,它可以很好地获取数据,但我在该应用程序中收到 2 个警告。

  1. 警告:道具类型失败:提供给data的道具类型无效,应为。booleanCarouselarray
  2. 警告:失败的道具类型:道具dotsLength被标记为必填,Pagination但它的值为Undefined.

评论中的 1 位兄弟帮助了我,我的问题现在解决了,这就是我删除代码的原因,因为那是我公司的代码,在得到回答后很长一段时间我都没有权限共享代码。谢谢。

0 投票
3 回答
7898 浏览

react-native - 如何在反应原生快照轮播的一个分页中显示2个项目

如何为一个分页(第一个点)显示 2 个项目,如果我们滑动,那么接下来的 2 个项目应该显示并显示第二个点处于活动状态。

如果它很奇怪,那么最后一项应该在 react native snap carousel 中显示我自己的组件。

0 投票
0 回答
432 浏览

react-native - React Native snap carousel - 滑动方向或滚动启用限制

我已经实现了 react native snap carousel。我在轮播中有 4 个表格。要求是,如果表单有效,则用户将能够滑动到下一个,但即使表单无效,用户也可以向左滑动

0 投票
2 回答
840 浏览

react-native - 如何将本地图像文件路径写入 uri 路径

我想将本地图像文件路径转换为uri路径,以便代替需要网站的uri,我想放置本地图像目录。我正在显示下面的代码..

在图像数组中,我希望第一张图像必须包含在我的本地文件图像中。请有人告诉如何做到这一点,以便在图像中我可以包含我的本地图像文件路径

0 投票
1 回答
621 浏览

javascript - 当我使用 renderItme 时,react-native-snap-carousel 返回“无法读取未定义的属性‘concat’”

我正在学习 React-Native 并在我的项目中使用 react-native-snap-carousel。我想显示一些图像,但出现错误 Cannot read property 'concat' of undefined

这是我的代码。

如果我改变

0 投票
0 回答
456 浏览

react-native - 使用 react-native-snap-carousel 输出多个不同的元素?

我正在尝试使用此处找到的 react-native-snap-carousel 构建轮播:https ://github.com/archriss/react-native-snap-carousel 。但是,到目前为止,我发现的示例仅展示了一种方式:如果您想一遍又一遍地输出相同的格式。例如,您有一个想要在卡片上显示的图像列表,用户可以通过滚动或滑动来导航。

但是,我想构建具有以下内容的东西:第一个屏幕:列表/文本第二个屏幕:地图第三个屏幕:按钮网格

我提出的当前代码(经过多次试验和错误)并且主要在线复制如下:(它仅在不同页面上显示 item1 item2 item3 item4,轮播中项目的输出没有任何变化)

导出默认类 App 扩展 React.Component {

}

}

我以前使用的一个轮播 npm 允许在轮播的不同元素中显示不同的视图,就像我对上面所做的那样,但它似乎不起作用。

让我知道这是否需要更多解释!

0 投票
2 回答
280 浏览

react-native - 如何在 ParallaxImage 上放置文本

我正在使用react-native-snap-carousel.

我怎样才能在图像上显示文字?

款式:

0 投票
0 回答
331 浏览

react-native - 如何使用 z-index animate 创建轮播

我使用 react-native-snap-carousel 并且我想要这种风格:

我的旋转木马风格

但在 android z-index 中不能设置动画。

我应该怎么办?