菜单栏是个Animated.View,他的高度会随着列表的onScroll时间滑动重置 (这个很共识)
但是 你要把 view 的高度 放到state中,跟着onScroll 改变,这样的滑动效果会有卡顿感。
这里onScroll里的方法要这样写:
Animated.event(
[{ nativeEvent: { contentOffset: { y: this.state.scrollY } } }],
{
listener: () => {
}
}
)(e);
对就是这个 不是直接在onScroll 里 setState
animated.view 写法 :
<Animated.View
style={{
height: this.state.scrollY.interpolate({
inputRange: [-0.05,316,316.05],
outputRange: [152,152,0]
}),
}}>
如果要求,菜单栏要与scrollview 同步滚动:
animated.view 里面包裹一个绝对布局的view 即可
原文链接:https://www.f2er.com/react/305281.html