(React native) How to use SafeAreaView for Android notch devices?

Question

I\'m actually developing an app with react native and i\'m testing with my one plus 6 and it has a notch. The SafeAreaView is a solution for the iPhone X but for Android, it

Answer 1

Instead of using Platform API, you can use expo constants.

npm i expo-constants

then import it in your component as

import Constants from "expo-constants"

and then in the styles you can use it like this

const styles = StyleSheet.create({
container: {
paddingTop: Constants.statusBarHeight
} });

To see all the properties of Constants console log it you will find some more useful things.