React-Native Horizo​​ntal Scroll View Pagination:预览下一页/卡片

栏目: 服务器 · 发布时间: 6年前

内容简介:);不幸的是,这些只是iOS版本.我和同事创建了一个满足这一特殊需求的插件.我们最终开放了它,所以你可以尝试一下:该插件现在构建在FlatList(版本> = 3.0.0)之上,这非常适合处理大量项目.它提供预览(您所追求的效果),iOS和Android的捕捉效果,视差图像,RTL支持等.
你可以使用ScrollView,甚至更好的FlatList来做到这一点.然而,真正棘手的部分是捕捉效果.您可以使用props snapToInterval和snapToAlignment来实现它(参见 Vasil Enchev’s answer

);不幸的是,这些只是iOS版本.

我和同事创建了一个满足这一特殊需求的插件.我们最终开放了它,所以你可以尝试一下: react-native-snap-carousel .

该插件现在构建在FlatList(版本> = 3.0.0)之上,这非常适合处理大量项目.它提供预览(您所追求的效果),iOS和Android的捕捉效果,视差图像,RTL支持等.

你可以看一下 showcase 来掌握它可以实现的目标.不要犹豫与插件分享您的经验,因为我们总是试图改进它.

编辑: two new layouts 已经在版本3.6.0中引入(一个具有一叠卡片效果,另一个具有类似火种的效果).请享用!


以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

图解设计模式

图解设计模式

结城浩 / 杨文轩 / 人民邮电出版社 / 2017-1-1 / CNY 79.00

原版连续畅销12年、重印25次! 194张图表 + Java示例代码 = 轻松理解GoF的23种设计模式 《程序员的数学》《数学女孩》作者结城浩又一力作 ◆图文并茂 194张图表(包括57张UML类图)穿插文中,帮助理解各设计模式 ◆通俗易懂 用浅显的语言逐一讲解23种设计模式,读完此书会发现GoF书不再晦涩难懂 ◆专业实用 编写了Java程序代码来......一起来看看 《图解设计模式》 这本书的介绍吧!

JS 压缩/解压工具
JS 压缩/解压工具

在线压缩/解压 JS 代码

Markdown 在线编辑器
Markdown 在线编辑器

Markdown 在线编辑器