18 lines
545 B
TypeScript
18 lines
545 B
TypeScript
|
import { useEffect } from "react"
|
||
|
|
import { AppState, AppStateStatus } from "react-native";
|
||
|
|
import { useCachedState } from "./useCachedState";
|
||
|
|
|
||
|
|
export const useIsForeground = (): boolean => {
|
||
|
|
const [isForeground, setIsForeground] = useCachedState(true);
|
||
|
|
|
||
|
|
useEffect(() => {
|
||
|
|
const onChange = (state: AppStateStatus) => {
|
||
|
|
setIsForeground(state === "active");
|
||
|
|
};
|
||
|
|
AppState.addEventListener("change", onChange);
|
||
|
|
return () => AppState.removeEventListener("change", onChange);
|
||
|
|
}, [setIsForeground]);
|
||
|
|
|
||
|
|
return isForeground;
|
||
|
|
}
|