如何在React Native手势处理中分辨拖曳或虎钳诗句的滑动

问题描述

在我的React Native 0.63.2应用程序中,使用react-native-gesture-handler 1.7react-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 (将#修改为@)