detect a tap outside of element in React Native

react-native-detect-press-outside

<View
  onStartShouldSetResponder={(evt) => {
    evt.persist();
    if (!isTapInsideComponent((evt.target, this.childrenRef.current))) {
      console.log("Press outside of component");
    }
  }}>
  <View>
    <View
      ref={(component) => {
        this.childrenRef = component;
      }}>
      <View></View>
      <View></View>
    </View>
  </View>
  // other views
  <View></View>
</View>;

// use recursive to check if press inside that component
const isTapInsideComponent = (target, nestedViewRef) => {
    if (
    target &&
    nestedViewRef &&
    target._nativeTag === nestedViewRef._nativeTag
  ) {
    return true;
  }

  if (nestedViewRef._children && nestedViewRef._children.length > 0) {
    for (let index = 0; index <= nestedViewRef._children.length - 1; index++) {
      if (isTapInsideComponent(target, nestedViewRef._children[index])) {
        return true;
      }
    }
  }
};