React Native Responsive Utility Functions

ReactNativeResponsiveUtilities.ts

import { Dimensions } from 'react-native';

const { height: screenHeight, width: screenWidth } = Dimensions.get('window');

const EACH_HEIGHT_UNIT = screenHeight / 100
const EACH_WIDTH_UNIT = screenWidth / 100

/**
 * device height percentage
 */
export const hp = (value) => EACH_HEIGHT_UNIT * value;
/**
 * device width percentage
 */
export const wp = (value) => EACH_WIDTH_UNIT * value;

export const clamp = (min, value, max) => {
  if (value < min) {
    return min;
  }
  if (value > max) {
    return max;
  }
  return value;
};