Swiver使用React Native的FlatList

Question

我想让我的水平FlatList（启用分页功能）滚动到左侧或右侧，内容始终位于屏幕的中心，下一个和前一个内容仍然出现。

像这样的东西（的水平动作）

但不幸的是当平面列表滚动，滚动的lenght相同的平面列表或者其母公司的宽度，我不能我想要的效果。

Answer 1

您可能会更好地使用这个库。我已经使用react-native-carousel为相同的用例取得了很好的成功。 Github here。您的代码会是这个样子：

import Carousel from 'react-native-carousel' 

getListItems() { 
    return [ <View>...</View>, <View>...</View>] 
} 

render() { 
    return (
     <Carousel> 
     {this.getListItems()} 
     </Carousel> 
    ) 
} 

Answer 2

我们公司也有类似的需求，但没有一个现有的插件完全满足我们的使用情况。我们最终创建了我们自己的开放源代码：react-native-snap-carousel。

该插件现在建立在FlatList（版本> = 3.0.0）顶部并提供预览（效果你是之后），捕捉效果，视差图像，RTL支持，和更多。

您可以查看showcase以了解可以实现的功能。如果您决定试一试，请不要犹豫与我们分享您的反馈意见;我们一直在努力改进它。

---

编辑：two new layouts已在3.6.0版本被引入（其中一个带卡效果的堆叠，而另一个具有一个打火样作用）。请享用！