1/* SafeAreaView it's a react native component that allows you to ensure that
2 your content is visible for all ios devices screens */
3
4import { SafeAreaView } from 'react-native'; // import it like this
5<SafeAreaView> // use it later like this
6	// some content
7</SafeAreaView>

1import SafeAreaView from 'react-native-safe-area-view';
2
3<SafeAreaView forceInset={{ top: 'always' }}>
4  <View>
5    <Text>Yeah, I'm safe too!</Text>
6  </View>
7</SafeAreaView>

1import { StyleSheet, Platform, StatusBar } from "react-native";
2
3export default StyleSheet.create({
4  AndroidSafeArea: {
5    flex: 1,
6    backgroundColor: "white",
7    paddingTop: Platform.OS === "android" ? StatusBar.currentHeight : 0
8  }
9});