Ytukyg

I'm trying to wrap all of my component 'scenes' in an expo multitouch component (which is a wrapper for the pan responder) so that, if a person performs a multitouch gesture at any point, this will trigger an app menu, and otherwise, the child views respond to the touch event. How do I accomplish this? It seems that the parent traps and stops propagation of all events - I would've expected those events to bubble upward from the innermost elements.

Ordinarily I would use a shake gesture, but I'm using expo, which reserves that gesture for its own menu.

Here's my code:

class ResultsScreen extends React.Component {

    render() {

    const props = {

      onTouchBegan: ({ identifier }) => {

        console.log('onTouchBegan', identifier);

      },

    };

    return (

      <MultiTouchView

        style={{ flex: 1 }}

        {...props}

      >

        { /* scrolling not working */ }

        <ScrollView

            style={{

              flex: 1,

            }}

        >



        </ScrollView>

      </MultiTouchView>

    )

}

And just to note that it still uses React Native's methods, if I set:

onStartShouldSetPanResponderCapture: ()=>false,

onMoveShouldSetPanResponderCapture: ()=>false,

onStartShouldSetPanResponder: ()=>false,

onMoveShouldSetPanResponder: ()=>false,

within that props object then the underlying elements will respond as expected - I just no longer get the onTouchBegan events.