AppWrapper

The AppWrapper component wraps your entire application.

It's role is to wrap the application in a SafeAreaProvider, and an ActionSheetProvider.

<AppWrapper>
  <ReactNativeApp />
</AppWrapper>

ActionSheetProvider

AppWrapper includes the ActionSheetProvider, which enables the use of the useActionSheet hook (pop-up menus) in our applications.

See useActionSheet for more info.

SafeAreaProvider

AppWrapper includes the SafeAreaProvider. This allows SafeAreaView to detect what device is being used.

See react-native-safe-area-context for more information on the package it's based on.

See Safe Area for more info on how we use SafeAreaViews.