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
Copy

Documentation

API Docs