Create a pixel perfect design in react native

pixel.ts

import {Dimensions} from 'react-native';

const {height: SCREEN_HEIGHT, width: SCREEN_WIDTH} = Dimensions.get('window');
const designSize = {width: 390, height: 844};

const CURRENT_RESOLUTION = Math.sqrt(
  SCREEN_HEIGHT * SCREEN_HEIGHT + SCREEN_WIDTH * SCREEN_WIDTH,
);
const DESIGN_RESOLUTION = Math.sqrt(
  designSize.height * designSize.height + designSize.width * designSize.width,
);
const RESOLUTIONS_PROPORTION = CURRENT_RESOLUTION / DESIGN_RESOLUTION;

export const getDesignSize = (size: number) => {
  'worklet';
  return RESOLUTIONS_PROPORTION * size;
};