react-native-full-responsive/src/hooks/useResponsiveHeight.ts

Create a fully responsive React Native app for all supported platforms

import { useMemo } from 'react';
import { rh } from '../layout';
import { type MaybeNumber } from 'src/types';
import { useWindowDimensions } from 'react-native';

const useResponsiveHeight = (heightPercentage: MaybeNumber) => {
  const { height: screenHeight } = useWindowDimensions();

  const height = useMemo(() => {
    return rh(heightPercentage, screenHeight);
  }, [heightPercentage, screenHeight]);

  return height;
};

export { useResponsiveHeight, useResponsiveHeight as useRH };