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});