react-native-utils-scale/lib/module/toolkit/index.js

Provide solutions to make your app flexible for different screen sizes, different devices.

import { NativeModules, Dimensions, Platform, PixelRatio } from 'react-native';
import { devicesWithNotch } from './devicesWithNotch';
const {
  width,
  height
} = Dimensions.get('window');
const {
  UtilsScale
} = NativeModules;
const {
  checkSmallDevice,
  checkhasNotch,
  getModel,
  getBrand,
  deviceInch
} = UtilsScale.getConstants();
const pixelDensity = PixelRatio.get();

const isTablet = () => {
  const adjustedWidth = width * pixelDensity;
  const adjustedHeight = height * pixelDensity;

  if (pixelDensity < 2 && (adjustedWidth >= 1000 || adjustedHeight >= 1000)) {
    return true;
  } else {
    return pixelDensity === 2 && (adjustedWidth >= 1920 || adjustedHeight >= 1920);
  }
};

const hasNotch = () => {
  if (Platform.OS === 'ios') {
    if (isTablet()) {
      return false;
    } else {
      return checkhasNotch;
    }
  } else {
    const model = getModel;
    const brand = getBrand;
    const notch = devicesWithNotch.findIndex(item => item.brand.toLowerCase() === brand.toLowerCase() && item.model.toLowerCase() === model.toLowerCase()) !== -1;
    return notch;
  }
};

const useScale = {
  fontScale: function () {
    let number = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;

    if (deviceInch > 0) {
      const value = (deviceInch + pixelDensity) / 10;
      const scale = number * Number(value.toFixed(1));
      return scale;
    }

    return number;
  },
  scale: function () {
    let number = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;

    if (deviceInch > 0) {
      const value = (deviceInch + (pixelDensity + 0.5)) / 10;
      const scale = number * Number(value.toFixed(1));
      return scale;
    }

    return number;
  }
};
const useDetectDevice = {
  isTablet: isTablet(),
  isSmallDevice: checkSmallDevice,
  isAndroid: Platform.OS === 'android',
  isIOS: Platform.OS === 'ios',
  hasNotch: hasNotch(),
  deviceInch: Number(deviceInch.toFixed(1)),
  width: Dimensions.get('window').width,
  height: Dimensions.get('window').height
};
export { useScale, useDetectDevice };
//# sourceMappingURL=index.js.map