Заикание при перемещении FlatList с React-Native - PullRequest
0 голосов
/ 17 октября 2019

В поисках способа перемещения контейнера FlatList с помощью Animated, что я получил до сих пор:

handleScroll = (e) => {
        Animated.event(
            [{
                nativeEvent: {
                    contentOffset: {
                        y: this.scrollY,
                    }
                }
            }]
        );
    }

    scrollY = new Animated.Value(0);

    render() {
        return (
            <View style={{ flex: 1, backgroundColor: '#EEE'}}>
                <Animated.FlatList
                    onScroll={
                        Animated.event(
                            [{
                                nativeEvent: { contentOffset: { y: this.scrollY } }
                            }], { useNativeDriver: true }
                        )
                    }
                    style={{ backgroundColor: '#FFF', transform: [{ translateY: this.scrollY.interpolate({ inputRange: [0, 100], outputRange: [0, -100], extrapolate: 'clamp' }) }] }}
                    contentContainerStyle={{}}
                    data={this.state.clientesf}
                    extraData={this.state.clientesf}
                    renderItem={({ item }) =>
                        <Cliente
                            item={item}
                            onPress={() => this.props.navigation.push('Cliente', { data: item })}
                        />
                    }
                    keyExtractor={item => item.id}
                    scrollEventThrottle={1}
                />
            </View>
        );
    }

Но он продолжает "дрожать" при прокрутке во время преобразования ... Есть ли ещеспособ сделать это?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...