ecklf · July 2, 2024 19:40 · Aug 3, 2021 · Aug 3, 2021 · Aug 3, 2021
diff --git a/useStatusBarHeight.ts b/useStatusBarHeight.ts
@@ -1,12 +1,19 @@
 import { useEffect, useState } from "react";
-import { NativeEventEmitter, NativeModules, StatusBar } from "react-native";
+import {
+  NativeEventEmitter,
+  NativeModules,
+  Platform,
+  StatusBar,
+} from "react-native";
 
 const { StatusBarManager } = NativeModules;
 
 export default function useStatusBarHeight() {
   const [value, setValue] = useState(StatusBar.currentHeight || 0);
 
   useEffect(() => {
+    if (Platform.OS !== "ios") return;
+
     const emitter = new NativeEventEmitter(StatusBarManager);
 
     StatusBarManager.getHeight(({ height }: { height: number }) => {

diff --git a/useStatusBarHeight.ts b/useStatusBarHeight.ts
@@ -0,0 +1,23 @@
+import { useEffect, useState } from "react";
+import { NativeEventEmitter, NativeModules, StatusBar } from "react-native";
+
+const { StatusBarManager } = NativeModules;
+
+export default function useStatusBarHeight() {
+  const [value, setValue] = useState(StatusBar.currentHeight || 0);
+
+  useEffect(() => {
+    const emitter = new NativeEventEmitter(StatusBarManager);
+
+    StatusBarManager.getHeight(({ height }: { height: number }) => {
+      setValue(height);
+    });
+    const listener = emitter.addListener("statusBarFrameWillChange", (data) =>
+      setValue(data.frame.height),
+    );
+
+    return () => listener.remove();
+  }, []);
+
+  return value;
+}