Skip to content
React Native package that exposes the Safe Area Insets as constants
Java Objective-C Ruby JavaScript
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.

Files

Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
android
ios RNStaticSafeAreaInsets.m identation fix Dec 27, 2019
.gitattributes
.gitignore
LICENSE Initial commit Nov 20, 2018
README.md
RNStaticSafeAreaInsets.podspec
index.d.ts
index.js 1.0 Nov 20, 2018
package.json 2.0.0 Dec 27, 2019

README.md

React Native Static Safe Area Insets

React Native package that exposes the Safe Area insets as constants (iOS and Android notch are supported).

Getting started

React Native 0.60 or above

yarn add react-native-static-safe-area-insets
cd ios && pod install # for iOS

React Native 0.59

yarn add react-native-static-safe-area-insets
react-native link react-native-static-safe-area-insets

Usage

Constants

import StaticSafeAreaInsets from 'react-native-static-safe-area-insets';

console.log('SafeArea insets top:', StaticSafeAreaInsets.safeAreaInsetsTop)
// SafeArea insets top: 44

console.log('SafeArea insets bottom:', StaticSafeAreaInsets.safeAreaInsetsBottom)
// SafeArea insets bottom: 34

console.log('SafeArea insets left:', StaticSafeAreaInsets.safeAreaInsetsLeft)
// SafeArea insets left: 44

console.log('SafeArea insets right:', StaticSafeAreaInsets.safeAreaInsetsRight)
// SafeArea insets right: 44

Current Insets

import StaticSafeAreaInsets from 'react-native-static-safe-area-insets';

StaticSafeAreaInsets.getSafeAreaInsets((values) => {
  console.log('SafeArea insets top:', values.safeAreaInsetsTop)
  // SafeArea insets top: 44

  console.log('SafeArea insets bottom:', values.safeAreaInsetsBottom)
  // SafeArea insets bottom: 34

  console.log('SafeArea insets left:', values.safeAreaInsetsLeft)
  // SafeArea insets left: 44

  console.log('SafeArea insets right:', values.safeAreaInsetsRight)
  // SafeArea insets right: 44
})

This method is useful for cases when you want to get the new insets when the device orientation changes.

You can’t perform that action at this time.