onPanResponderMove: (evt, gestureState) => {
console.log('onPanResponderMove','移动中.. 距离是'+gestureState.dy);
this.state.length_Y.setOffset(this.headerH);
//this.state.length_Y.setValue(this.headerH);
//this.state.length_Y.setOffset(this.headerH);
return Animated.event([
null, // 忽略原生事件
{dx: this.state.length_X, dy: this.state.length_Y} // 从gestureState中解析出dx和dy的值
])(evt, gestureState)
//console.log('移动距离是:',this.state.length_Y);
//gestureState.move{X,Y};
// Animated.event(
// [{nativeEvent:{contentOffset:{y:this.state.opacityVal}}}]
// )
// 从成为响应者开始时的累计手势移动距离为gestureState.d{x,y}
},
react native onPanResponderMove animated.event 一起用法
最新推荐文章于 2023-04-13 16:14:33 发布
本文详细介绍了如何在React Native中结合使用onPanResponderMove和animated.event来实现动态动画效果。通过实例代码,展示了如何监听手势移动事件并更新 Animated 组件的状态,从而实现平滑的交互体验。
摘要由CSDN通过智能技术生成