如何在scrollView中显示相邻的卡？

Question

我试图在反应本机中实现一个swiper，其中卡片是水平排列的，用户可以向左/向右滑动以查看来自相邻边缘的下一张卡片。

类似于此http://www.idangero.us/swiper/#.VmFqdeN95E4

的内容

我有一个scrollView，每张卡片的宽度等于设备宽度，因此每张卡片都可以刷卡以显示下一张/上一张卡片。

但是如何在相同的视点中显示相邻的卡？

scrollView中是否有任何道具可以实现此目的？ （使用snapToInterval和snapToAlignment如果是pagingEnabled则不顺利）

Answer 1

假设您使用的是iOS，您可以将ScrollView属性snapToInterval={somethingSmallerThanDeviceWidth}和snapToAlignment组合在一起以创建此效果。当然，卡片需要小于设备宽度。

我创建了RNPlay example using this technique：

Answer 2

滚动视图中需要以下所有内容：

horizontal = {true}
decelerationRate = {0}
snapToInterval = {200}
snapToAlignment = {'center'}

检查世博会的具体实施情况 https://snack.expo.io/H1CnjIeDb

不幸的是，目前这在Android上无效。希望他们将来能够支持它。