useGetStatusBarHeight

gistfile1.txt

export const useGetStatusBarHeight = (): number => {
  const [statusBarHeight, setStatusBarHeight] = useState(0);
  const isMounted = useRef(true);

  useEffect(() => {
    if (Platform.OS === 'android') {
      isMounted.current &&
        setStatusBarHeight(
          NativeModules.StatusBarManager.HEIGHT,
        );
    } else {
      NativeModules.StatusBarManager.getHeight(
        (status: { height: number }) => {
          isMounted.current &&
            setStatusBarHeight(status.height);
        },
      );
    }
    
    return () => {
      isMounted.current = false;
    };
  }, []);

  return statusBarHeight;
};