问题描述
我上面有一个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 }
)} />
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)