sonner-native/src/use-app-state.ts

An opinionated toast component for React Native. A port of @emilkowalski's sonner.

import React from 'react';
import { AppState } from 'react-native';

export const useAppStateListener = ({
  onBackground,
  onForeground,
}: {
  onBackground: () => void;
  onForeground: () => void;
}) => {
  const appState = React.useRef(AppState.currentState);

  React.useEffect(() => {
    const subscription = AppState.addEventListener('change', (nextAppState) => {
      if (
        appState.current.match(/inactive|background/) &&
        nextAppState === 'active'
      ) {
        onForeground();
      } else {
        onBackground();
      }

      appState.current = nextAppState;
    });

    return () => {
      subscription.remove();
    };
  }, [onBackground, onForeground]);
};