Необходимо прокрутить вид отдельного элемента в Flatlist, независимо от скорости привязки - PullRequest
Новая
       3

Необходимо прокрутить вид отдельного элемента в Flatlist, независимо от скорости привязки

1 голос
/ 02 июля 2019

Мой код работает нормально для нормальной привязки, но когда привязывается со скоростью.Прокручивает несколько строк.Нужно решение Нечто похожее на флаг ios isPagingEnabled или как прокрутка видео в приложении TikTok.

Вот мой код 

import React, { Component } from 'react';
import { View, FlatList, Text, Dimensions, StyleSheet, StatusBar } from 'react-native';


export default class Videos extends Component {

    static navigationOptions = ({ navigation, navigationOptions }) => {
        return {
            header: null
        };
     };

    constructor(){
        super();
        this.colorData = [
            'rgb(255,140,140)',
            'rgb(253,244,128)',
            'rgb(5,217,200)'
        ]
    }

    render() {
        return (
            <View>
                <StatusBar translucent={true} backgroundColor={'transparent'} />
                    <FlatList

                        horizontal={false}
                        decelerationRate={0}
                        snapToAlignment={"center"}
                        snapToInterval={Dimensions.get('screen').height}

                        data={this.colorData}
                        keyExtractor={(item, index) => `id_${index}`}
                        style={styles.fullScreen}
                        renderItem={({ item }) => <View style={[{...styles.fullHeight}, {backgroundColor: item}]}  />}
                    />
            </View>
        )
    }
}

let styles = StyleSheet.create({
    fullScreen: {
        width: Dimensions.get('screen').width,
        height: Dimensions.get('screen').height,
    },
    fullHeight: {
        width: '100%',
        height: Dimensions.get('screen').height
    }
});

Работает нормально при обычной прокрутке, но при прокрутке с силой сверху вниз прокручивается несколько элементов.Мне нужно прокручивать только одну строку за раз.

...