5

コンテンツが常に画面の中央に表示され、次のコンテンツと前のコンテンツが引き続き表示されるように、水平 FlatList (ページングが有効になっている) を左または右にスクロールしたいと考えています。

このようなもの（水平アクションの場合）ここに画像の説明を入力

残念ながら、フラット リストがスクロールしている場合、スクロールの長さはフラット リストまたはその親の幅と同じであり、必要な効果が得られません。 アプリの印刷

4

3 に答える 3

11

私は react-native-snap-carousel を使用しました。アニメーションとカスタマイズは非常に優れていますが、通常のビューのように動作せず、ScrollView 内で適切にレンダリングされないため、スタイルを設定するのが非常に困難です。

代わりに、このページのいくつかの指示に従って、通常の FlatList に戻しました。

セットアップ:

<FlatList
    data={this.data}
    renderItem={this._renderItem}
    keyExtractor={this._keyExtractor}
    horizontal={true} // row instead of column
    // Add the 4 properties below for snapping
    snapToAlignment={"start"} 
    snapToInterval={this.IMAGE_WIDTH + 10} // Adjust to your content width
    decelerationRate={"fast"}
    pagingEnabled
/>
于 2020-01-06T10:10:25.327 に答える