packages

example/src/hooks/useIsForeground.ts

@@ -0,0 +1,17 @@
+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;
+}