我上面有一个FlatList
和一个View
。我想要的只是向下滚动时FlatList
,View
高度降至零。我使用插值来做到这一点,这是我的代码:
...
const scorllY = useRef(new Animated.Value(0)).current;
const getCounterHeight = () => {
return scorllY.interpolate({
inputRange: [0, 50],
outputRange: [25, 0],
extrapolate: 'clamp'
})
}
<View style={{ ...styles.update, height: getCounterHeight }}>
...
</View>
<Animated.FlatList data={rankList} keyExtractor={item => item.id}
renderItem={({ item }) => (
<UserRankInfo id={item.id} username={item.name} point={item.point} />
)} showsVerticalScrollIndicator={false} scrollEventThrottle={16}
onScroll={Animated.event(
[
{
nativeEvent: { contentOffset: { y: scorllY } }
}
], { useNativeDriver: true }
)} />
当我运行代码时,我得到了这个错误。任何人都可以告诉我如何解决它?