onTouchesUp effects other button's onTouchesUp function

[hhj0988a]

Hi I'm developing android application that can control something using your awesome library.
I made two buttons.

One locks other button so if this button is not pushed other button cannot be pushed. I'll call it Lock button.

const jogGesture = Gesture.Manual()
        .onTouchesDown(() => {
            props.setJogLock(false);
            console.log("lock off");
        })
        .onTouchesUp(() => {
            props.setJogLock(true);
            console.log("lock on");
        });

Another botton is used for control while I pushing it, it send control message continuously. I'll call this Control button.

    const forwardGesture = Gesture.Pan()
        .onTouchesDown(() => {
            console.log("button forward pressed");
            if (props.jogLock === false) onPressIn(timer, 0);
        })
        .onTouchesUp(() => {
            console.log("forward button up");
            if (props.jogLock === false) onPressOut(timer, 0);
        });

So If I want to send messages, I have to push both buttons continuously.

But as soon as I touch up the control button both onTouchesUp function work(lock button still on pushed).
Then even if I pushed the control button again only lock button function is called.

Is there a better idea on this ?
In your document says onTouchesUp ,onTouchesDown is called whenever I touch screen.
I jush want to call both function when I touch exact button.
I don't know which handler that I have to use....... please help.

I want to use my tablet like playing tapsocin with both hand. ^^

Thank you for reading this.