В поисках способа перемещения контейнера 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>
);
}
Но он продолжает "дрожать" при прокрутке во время преобразования ... Есть ли ещеспособ сделать это?