@sendbird/uikit-react-native-foundation/src/styles/createScaleFactor.ts

A foundational UI kit for building chat-enabled React Native apps.

import { Dimensions, PixelRatio } from 'react-native';

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

const DESIGNED_DEVICE_WIDTH = 360;

const createScaleFactor = (deviceWidth = DESIGNED_DEVICE_WIDTH) => {
  const ratio = Math.min(width, height) / deviceWidth;
  const rangedRatio = Math.min(Math.max(0.85, ratio), 1.25);
  return (dp: number) => PixelRatio.roundToNearestPixel(dp * rangedRatio);
};

export let DEFAULT_SCALE_FACTOR = createScaleFactor();
export default Object.assign(createScaleFactor, {
  updateScaleFactor: (scaleFactor: (dp: number) => number) => {
    DEFAULT_SCALE_FACTOR = scaleFactor;
  },
});