src/utils/rpx.ts

import {Dimensions} from 'react-native';

const windowWidth = Dimensions.get('window').width;
const windowHeight = Dimensions.get('window').height;
const minWindowEdge = Math.min(windowHeight, windowWidth);
const maxWindowEdge = Math.max(windowHeight, windowWidth);

export default function (rpx: number) {
    return (rpx / 750) * minWindowEdge;
}

export function vh(pct: number) {
    return (pct / 100) * Dimensions.get('window').height;
}

export function vw(pct: number) {
    return (pct / 100) * Dimensions.get('window').width;
}

export function vmin(pct: number) {
    return (pct / 100) * minWindowEdge;
}

export function vmax(pct: number) {
    return (pct / 100) * maxWindowEdge;
}

export function sh(pct: number) {
    return (pct / 100) * Dimensions.get('screen').height;
}

export function sw(pct: number) {
    return (pct / 100) * Dimensions.get('screen').width;
}