<SafeAreaView>

This component ensures content is rendered within the safe area boundaries of a device.

Props(inherits View Props)emulateUnlessSupported

RESETRUNFULL
import React from 'react';import { StyleSheet, Text, SafeAreaView } from 'react-native';const App = () => {
  return (
    <SafeAreaView style={styles.container}>
      <Text>Page content</Text>
    </SafeAreaView>
  );}const styles = StyleSheet.create({
  container: {flex: 1},});export default App;