react-natvie PanResponder小结

            onPanResponderMove: (event, gestureState) => {
                if(!this.onLoad) return
                if (this.outBounds(gestureState)) return
                this.resetPanHandler()
                return Animated.event(
                    [
                        null,//如果要将event里面的值绑定则如下所写{nativeEvent:{pageX:this.state.pan.x,pageY: this.state.pan.y,}}
                        {
                            dx: this.state.pan.x,//将dx绑定到this.state.pan.x,即给this.state.pan.x_value赋值dx
                            dy: this.state.pan.y,
                        },
                    ],
                    { listener: this.updateColor }//这里写监听事件
                )(event, gestureState)//这里是传入的参数，对应Animated.event第一个参数（数组）里面的两个对象
            },
 onPanResponderRelease: ({ nativeEvent }) => {
                this.state.pan.flattenOffset() //用来把相对值合并到值里，然后相对值设置为0，最终输出的值不会发生变化。常常在拖动操作结束以后调用
            },
    updateColor = (event,gestureState) => {
       // .....
    }

flattenOffset()贴个图看的更明白