@gocodingnow/rn-better-boilerplate/template/lib/react-native-size-matters/scaling-utils.ts

React Native Better Boilerplate

import { Dimensions } from 'react-native'

const { width, height } = Dimensions.get('window')
const [shortDimension, longDimension] = width < height ? [width, height] : [height, width]

//Default guideline sizes are based on standard ~5" screen mobile device
let guidelineBaseWidth = 350
let guidelineBaseHeight = 680

export const setSizeMattersBaseWidth = baseWidth => {
  guidelineBaseWidth = baseWidth
}

export const setSizeMattersBaseHeight = baseHeight => {
  guidelineBaseHeight = baseHeight
}

export const scale = (size: number) => (shortDimension / guidelineBaseWidth) * size
export const verticalScale = (size: number) => (longDimension / guidelineBaseHeight) * size
export const moderateScale = (size: number, factor = 0.5) => size + (scale(size) - size) * factor
export const moderateVerticalScale = (size: number, factor = 0.5) =>
  size + (verticalScale(size) - size) * factor

export const s = scale
export const vs = verticalScale
export const ms = moderateScale
export const mvs = moderateVerticalScale