react-native-adaptive-utils/common/resolution.js

React-Native adaptive utils, contains various adaptation function.

/**
 * Resolution tool
 */
import { Dimensions, StatusBar, Platform } from "react-native";

const { width } = Dimensions.get("window");
const UIPixelRatio = width / 375;

/**
 * Dynamically scale the font size based on the current screen width
 * @param px
 * @returns {number}
 */
export function dynamicFontSize(px) {
  return Math.round(px * UIPixelRatio);
}
/**
 * Check whether it is iphonex
 * @param px
 * @returns {number}
 */
export function isIphoneX() {
  let dimen = Dimensions.get("window");
  return (
    Platform.OS === "ios" &&
    !Platform.isPad &&
    !Platform.isTVOS &&
    (dimen.height === 812 || dimen.width === 812)
  );
}
/**
 * Gets the title bar height based on the current screen
 * @param px
 * @returns {number}
 */
export function getTitleBarHeight() {
  let dimen = Dimensions.get("window");
  let isIphoneX =
    Platform.OS === "ios" &&
    !Platform.isPad &&
    !Platform.isTVOS &&
    (dimen.height === 812 || dimen.width === 812);
  let statusBarHeight = 0;
  if (Platform.OS == "android") {
    statusBarHeight = StatusBar.currentHeight;
  } else if (isIphoneX) {
    statusBarHeight = 44;
  } else {
    statusBarHeight = 20;
  }
  const unitWidth = dimen.width / 750;
  const titleHeight = unitWidth * 100 + statusBarHeight;
  return titleHeight;
}