Safe area is not respected on IOS 16

[kodecreer]

Just as the title says. Here is reproducible code for the issue.

import React from 'react'; import { StyleSheet, Text, View } from 'react-native'; import { SafeAreaView } from 'react-native-safe-area-context'

export default function App() { return (

Hello, React Native!

); }

const styles = StyleSheet.create({ container: { flex: 1, backgroundColor: '#fff', alignItems: 'center', justifyContent: 'center', }, });

Text is at the top and not respecting the safe area view with proper edge insets

[jacobp100]

iOS 12 is not supported by RN or this library

[kodecreer]

This is on IOS 16....

[jacobp100]

Your title says iOS 12 🤣

[jacobp100]

You need to use SafeAreaProvider too. Take a read of the docs if you need more information