react-native-static-safe-area-insets
v2.2.0
Published
React Native package that exposed the Safe Area insets as constants
Downloads
30,479
Readme
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
Install
yarn add react-native-static-safe-area-insets
cd ios && pod install # for iOS
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
})
Roadmap
- Continue to support iOS & Android API updates
Contributing
Pull requests are welcome! Feel free to open issues and submit PRs, we will review them and answer back as fast as possible.