问题描述
在我的React Native 0.63.2应用程序中,使用react-native-gesture-handler 1.7
和react-native-reanimated 1.13
通过代码打击实现拖动:
const X = new Value(0);
const Y = new Value(0);
const R = new Value(0);
const Z = new Value(1);
const offsetX = new Value(0);
const offsetY = new Value(0);
const offsetR = new Value(0);
const offsetZ = new Value(1);
const handlePan = event([
{
nativeEvent: ({ translationX: x,translationY: y,state }) =>
block([
set(X,add(x,offsetX)),set(Y,add(y,offsetY)),cond(eq(state,State.END),[
set(offsetX,add(offsetX,x)),set(offsetY,add(offsetY,y)),]),},]);
return (
< >
<PanGestureHandler
ref={panRef}
mindist={10}
simultaneousHandlers={[rotationRef,pinchRef]}
onGestureEvent={handlePan}
onHandlerStateChange={handlePan}>
<Animated.View>
<Animated.View style={[styles.picture,{
transform: [
{ translateX: X },{ translateY: Y },{ rotate: concat(R,'rad') },{ scale: Z },],]}>
<Fastimage
source={{uri:img_source.path}}
resizeMode={Fastimage.resizeMode.contain}
style={styles.image}
/>
</Animated.View>
</Animated.View>
</PanGestureHandler>
</>
);
我正在为图像添加滑动,它将在X
上进行动画处理。 pangesturehandler如何知道是哪个拖动和哪个滑动,以便调用正确的处理代码?
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)