16 lines
482 B
TypeScript
16 lines
482 B
TypeScript
import { useState, 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
|
|
} |