React Native Device Orientation hook. (example: const deviceOrientation = useOrientation(); if (deviceOrientation === 'PORTRAIT') {...} else {/* LANDSCAPE */ ... }

useOrientation.js

import {isUndefined} from 'lodash';
import {useEffect, useState, useCallback} from 'react';
import {Dimensions, ScaledSize} from 'react-native';

const dimensions = Dimensions.get('window');

export type Orientation = 'LANDSCAPE' | 'PORTRAIT';

const getOrientation = ({
  width,
  height,
}: {
  width: number,
  height: number,
}): Orientation => (width <= height ? 'PORTRAIT' : 'LANDSCAPE');

export function useOrientation(): Orientation {
  const [orientation, setOrientation] = useState(getOrientation(dimensions));

  const onChange = useCallback(({window: scr}: {window: ScaledSize}) => {
    setOrientation(getOrientation(scr));
  }, []);

  useEffect(() => {
    let mounted = true;
    let subscription;

    if (mounted) subscription = Dimensions.addEventListener('change', onChange);

    return () => {
      mounted = false;
      if (!isUndefined(subscription)) subscription.remove();
    };
  }, [onChange]);

  return orientation;
}