Skip to content

Latest commit

 

History

History
66 lines (45 loc) · 1.08 KB

StatusBarUtils.md

File metadata and controls

66 lines (45 loc) · 1.08 KB

Status Bar Utils

Some helpers for StatusBar.

Usage

import React from 'react';
import { View } from 'react-native';
import {
  Text,
  isIPhoneX,
  isIPhoneXMax,
  isIPhone12,
  isIPhone12Max,
  isIPhoneWithMonobrow,
  getStatusBarHeight,
} from '@eslam-elmeniawy/react-native-common-components';

const MyComponent = () => {
  return (
    <View>
      <Text>{`isIPhoneX: ${isIPhoneX()}`}</Text>
      <Text>{`isIPhoneXMax: ${isIPhoneXMax()}`}</Text>
      <Text>{`isIPhone12: ${isIPhone12()}`}</Text>
      <Text>{`isIPhone12Max: ${isIPhone12Max()}`}</Text>
      <Text>{`isIPhoneWithMonobrow: ${isIPhoneWithMonobrow()}`}</Text>
      <Text>{`StatusBarHeight: ${getStatusBarHeight()}`}</Text>
    </View>
  );
};

Content

isIPhoneX

Type: () => boolean

isIPhoneXMax

Type: () => boolean

isIPhone12

Type: () => boolean

isIPhone12Max

Type: () => boolean

isIPhone14Pro

Type: () => boolean

isIPhone14Max

Type: () => boolean

isIPhoneWithMonobrow

Type: () => boolean

getStatusBarHeight

Type: (skipAndroid?: boolean) => number