react-native-ui-lib/src/hooks/useOrientation/index.js

[](https://stand-with-ukraine.pp.ua)

import { useEffect, useCallback, useState } from 'react';
import { Constants } from "../../commons/new";
import useDidUpdate from "../useDidUpdate";
const useOrientation = ({
  onOrientationChange
} = {}) => {
  const [orientation, setOrientation] = useState(Constants.orientation);
  const orientationChangeListener = useCallback(() => {
    setOrientation(Constants.orientation);
  }, []);
  useEffect(() => {
    const listener = Constants.addDimensionsEventListener(orientationChangeListener);
    return () => Constants.removeDimensionsEventListener(listener);
  }, []);
  useDidUpdate(() => {
    onOrientationChange?.(orientation);
    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, [orientation]);
  return {
    orientation
  };
};
export default useOrientation;