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

React Native + Native Base 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
}