13. SafeAreaView and layout edge cases

`SafeAreaView` (or `react-native-safe-area-context`) keeps content clear of device notches, camera cutouts and the home indicator, which matters for full-screen wallet or dApp screens.

import { SafeAreaView, Text } from "react-native";

function Screen() {
  return (
    <SafeAreaView style={{ flex: 1 }}>
      <Text>Wallet balance: 1.25 ETH</Text>
    </SafeAreaView>
  );
}

Combine it with a header that respects the status bar height so buttons like "Connect Wallet" are never hidden under a notch on iPhone or a camera cutout on Android.

Check your understanding