React Nativeのフラットリストを使用したスワイパー

Question

コンテンツを常に画面の中央に置き、次の前のコンテンツが表示されるように、水平方向のフラットリスト（ページングを有効にした状態）を左右にスクロールしたいとします。

（水平アクション用）このような何か

しかし、フラットなリストがスクロールされたときに、残念ながら、スクロールのな長さは、フラットリストの幅やその親と同じであると、私はできません私が望む効果。

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（火口のような効果を持つカードの効果と他のスタックを有するもの）に導入されています。楽しい！