@gocodingnow/rn-tamagui-boilerplate/template/src/hooks/useIsForeground.ts

React Native + Tamagui Boilerplate

import {useState} from 'react';
import {useEffect} from 'react';
import {AppState, AppStateStatus} from 'react-native';

export const useIsForeground = (): boolean => {
  const [isForeground, setIsForeground] = useState(true);

  useEffect(() => {
    const onChange = (state: AppStateStatus): void => {
      setIsForeground(state === 'active');
    };
    const listener = AppState.addEventListener('change', onChange);
    return () => listener.remove();
  }, [setIsForeground]);

  return isForeground;
};