reactotron-react-native/src/helpers/getReactNativeDimensionsWithDimensions.ts

A development tool to explore, inspect, and diagnose your React Native apps.

export interface AppDimensions {
  screenWidth?: number
  screenHeight?: number
  screenScale?: number
  screenFontScale?: number
  windowWidth?: number
  windowHeight?: number
  windowScale?: number
  windowFontScale?: number
}

export function getReactNativeDimensionsWithDimensions(
  screen: any,
  win: any
): AppDimensions | null {
  try {
    let screenInfo = {}
    let windowInfo = {}

    if (screen) {
      screenInfo = {
        screenWidth: Math.ceil(screen.width),
        screenHeight: Math.ceil(screen.height),
        screenScale: screen.scale,
        screenFontScale: screen.fontScale,
      }
    }

    if (win) {
      windowInfo = {
        windowWidth: Math.ceil(win.width),
        windowHeight: Math.ceil(win.height),
        windowScale: win.scale,
        windowFontScale: win.fontScale,
      }
    }

    return {
      ...screenInfo,
      ...windowInfo,
    }
  } catch (e) {}

  return null
}