# All files index.js

100% Statements 12/12
100% Branches 21/21
100% Functions 2/2
100% Lines 12/12

Press n or j to go to the next uncovered block, b, p or k for the previous block.

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34

    4x
    4x

    4x

    4x

    4x
    4x

    4x
    4x

    4x

    4x

    4x
    4x

     import { isIphoneX } from "react-native-iphone-x-helper";
    import { Platform, StatusBar, Dimensions } from "react-native";

    export function RFPercentage(percent) {
      const { height, width } = Dimensions.get("window");
      const standardLength = width > height ? width : height;
      const offset =
        width > height ? 0 : Platform.OS === "ios" ? 78 : StatusBar.currentHeight; // iPhone X style SafeAreaView size in portrait

      const deviceHeight =
        isIphoneX() || Platform.OS === "android"
          ? standardLength - offset
          : standardLength;

      const heightPercent = (percent * deviceHeight) / 100;
      return Math.round(heightPercent);
    }

    // guideline height for standard 5" device screen is 680
    export function RFValue(fontSize, standardScreenHeight = 680) {
      const { height, width } = Dimensions.get("window");
      const standardLength = width > height ? width : height;
      const offset =
        width > height ? 0 : Platform.OS === "ios" ? 78 : StatusBar.currentHeight; // iPhone X style SafeAreaView size in portrait

      const deviceHeight =
        isIphoneX() || Platform.OS === "android"
          ? standardLength - offset
          : standardLength;

      const heightPercent = (fontSize * deviceHeight) / standardScreenHeight;
      return Math.round(heightPercent);
    }