Responsive Width & Height

Scale.js

import { Dimensions } from 'react-native';
const { width, height } = Dimensions.get('window');

const ScaleWidth = (scaleWidth) => {
  const DESIGN_WIDTH = 180;
  return (scaleWidth * width) / DESIGN_WIDTH
}

const ScaleHeight = (scaleHeight) => {
  const DESIGN_HEIGHT = 180;
  return (scaleHeight * height) / DESIGN_HEIGHT
}

export {
  ScaleWidth,
  ScaleHeight
}

Usage

<Image source={...} style={{ width: Scale(100), height: Scale(50) }} />