Buttons do not trigger onPress if inside TapGestureHandler

I have BaseButton inside a TapGestureHandler.

In Android, pressing the button will trigger both onHandlerStateChange from TapGestureHandler and onPress & onActiveStateChange from BaseButton.

In iOS, pressing the button triggers the onHandlerStateChange from TapGestureHandler and the onActiveStateChange from BaseButton. However, onPress is never triggered.

I added the waitFor but I still get the same result. Any help?

btnRef = React.createRef()

{...}

render() {
   return (
      <TapGestureHandler onHandlerStateChange={this.onHandlerStateChange} /* waitFor={this.btnRef} */>
         {...}
         <BaseButton
           // ref={this.btnRef}
           onPress={onPress}
           onActiveStateChange={this.onActiveStateChange}
           style={style}
           enabled={enabled}
           {...otherProps}
         >
           {this.props.children}
         </BaseButton>
         {...}
      </TapGestureHandler>
)}

[mardikarifqi]

Are there any updates for this?

[p-sebastian]

For anyone still looking for this:

Using the react-native-gesture-handler buttons, you can use the prop disallowInterruption which will cancel parent gesture handler events

<GestureDetector gesture={gesture}>
  ... // some content
  <RectButton disallowInterruption>...</RectButton>
</GestureDetector>