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版本被引入（其中一個帶卡效果的堆疊，而另一個具有一個打火樣作用）。請享用！