Мой элемент не перемещается соответственно в onPanResponderMove

Question

Мне удалось использовать panResponder и переместить элемент внутри изображения, но он не перемещается соответственно мыши, он слишком быстрый и не остается в границах изображения.

** Состояние x и состояние y - длина массива. Я добавил кнопку, которая при каждом нажатии на нее будет открывать другой inputText и помещать его в массив

DragTextView.js:

 this.panResponder = PanResponder.create({
            onStartShouldSetPanResponder: (evt, gestureState) => true,
            onStartShouldSetPanResponderCapture: (evt, gestureState) => true,
            onMoveShouldSetPanResponder: (evt, gestureState) => true,
            onMoveShouldSetPanResponderCapture: (evt, gestureState) => true,
            onPanResponderGrant: (evt, gestureState) => {
                // then start dragging
            },
            onPanResponderMove: (evt, gestureState) => {
                // then dragging
                console.log("evt = ", evt.target);
                console.log("gestureState = ", gestureState);
                this.setState({
                    x: this.state.x + gestureState.dy,
                    y: this.state.y + gestureState.dx,
                });
            },
            onPanResponderTerminationRequest: (evt, gestureState) => true,
            onPanResponderRelease: (evt, gestureState) => {
                // then finish dragging
            },
            onPanResponderTerminate: (evt, gestureState) => {
            },
            onShouldBlockNativeResponder: (evt, gestureState) => {
                return true;
            },
        });