TapGestureHandler does not allow tightening on other elements within it.

[Heltonphg]

I want to get the coordinates of the touchscreen, but the way I did it, it doesn't allow you to click on other elements, like buttons. does anyone know how to solve?

<TapGestureHandler
      onHandlerStateChange={_onSingleTap}
      waitFor={singleTapRef}>
      <TapGestureHandler ref={singleTapRef} numberOfTaps={2}>
        <SafeAreaView style={{ flex: 1 }}>
          <Provider store={store}>
            <NavigationContainer
              ref={navigationRef}
              onReady={() =>
                (routeNameRef.current = navigationRef.current.getCurrentRoute().name)
              }
              onStateChange={async () => {
                const previousRouteName = routeNameRef.current;
                const currentRouteName = navigationRef.current.getCurrentRoute()
                  .name;

                if (previousRouteName !== currentRouteName) {
                  await analytics().logScreenView({
                    screen_name: currentRouteName,
                    screen_class: currentRouteName,
                  });
                }
                routeNameRef.current = currentRouteName;
              }}>
              <StatusBar backgroundColor={'#e5005b'} barStyle="light-content" />
              <Routes />
            </NavigationContainer>
          </Provider>
        </SafeAreaView>
      </TapGestureHandler>
    </TapGestureHandler>