📄️ SafeAreaProvider
You should add SafeAreaProvider in your app root component. You may need to add it in other places like the root of modals and routes when using react-native-screens.
📄️ SafeAreaView
SafeAreaView is a regular View component with the safe area insets applied as padding or margin.
📄️ useSafeAreaInsets
Returns the safe area insets of the nearest provider. This allows manipulating the inset values from JavaScript. Note that insets are not updated synchronously so it might cause a slight delay for example when rotating the screen.
📄️ useSafeAreaFrame
Returns the frame of the nearest provider. This can be used as an alternative to the Dimensions module.
📄️ SafeAreaInsetsContext
React Context with the value of the safe area insets.
📄️ SafeAreaFrameContext
React Context with the value of the safe area frame.
📄️ withSafeAreaInsets
Higher order component that provides safe area insets as the insets prop.
📄️ initialWindowMetrics
Insets and frame of the window on initial render. This can be used with the initialMetrics from SafeAreaProvider. See optimization for more information.
📄️ Deprecated APIs
useSafeArea