add: expo-click-outside.

[w88975]

📝 Why & how

Added a new library to support click outside behavior, just like on the web. It supports event passthrough and does not interfere with any existing events.

useClickOutside

A hook that detects clicks outside a specific component.

function useClickOutside(
  ref: React.RefObject<View>,
  callback: (info: {
    x: number;
    y: number;
    targetIsTextInput: boolean;
    target: string;
  }) => void
): void

Example

import { useClickOutside } from 'expo-click-outside';

function MyComponent() {
  const ref = useRef<View>(null);
  
  useClickOutside(ref, (info) => {
    console.log('Clicked outside!', info);
  });

  return <View ref={ref}>...</View>;
}

ClickOutsideView

• A component wrapper that provides outside click detection.

type ClickOutsideViewProps = ViewProps & {
  onOutsideClick?: (info: {
    x: number;
    y: number;
    targetIsTextInput: boolean;
    target: string;
  }) => void;
};

Example

import { ClickOutsideView } from 'expo-click-outside';

function MyComponent() {
  return (
    <ClickOutsideView
      onOutsideClick={(info) => {
        console.log('Clicked outside!', info);
      }}
    >
      <View>...</View>
    </ClickOutsideView>
  );
}

✅ Checklist

• Added library to react-native-libraries.json
• Updated library in react-native-libraries.json

[Simek]

Hey @w88975, thanks for adding a new entry to the directory! 👍