react-native-event

react-native-event

React context for subscribing to all react native interaction events.

For a react-dom version, check out react-dom-event

Example 1

import { useCallback, Fragment } from 'react';
import { TouchableOpacity } from 'react-native';
import { useEvent, EventProvider } from 'react-native-event';

function UseEventComponent() {
  const handler = useCallback((event) => {
    /* do something with any event */
  });

  useEvent(handler, [handler]);
  return <Fragment />;
}

const App = () => {
  return (
    <Fragment>
      <EventProvider>
        <UseEventComponent />
        <TouchableOpacity onPress={() => {}} />
      </EventProvider>
      <TouchableOpacity onPress={() => {}} />
    </Fragment>
  );
};
export default App;

// any press will call the global event handler

Documentation

API Docs