fix(example-app): 🚑 wrap <SafeAreaView/> inside <SafeAreaProvider/>

adaptui · Dec 27, 2022 · 62284d9 · 62284d9
1 parent bbe5756
commit 62284d9
Showing 1 changed file with 9 additions and 9 deletions.
diff --git a/example/src/App.tsx b/example/src/App.tsx
@@ -14,13 +14,13 @@ const App = () => {
   return (
     <GestureHandlerRootView style={tailwind.style("flex-1")}>
       <NavigationContainer>
-        <SafeAreaView
-          style={tailwind.style(
-            `flex-1 android:mt-[${StatusBar.currentHeight || 0}px]`,
-          )}
-          edges={["bottom"]}
-        >
-          <SafeAreaProvider>
+        <SafeAreaProvider>
+          <SafeAreaView
+            style={tailwind.style(
+              `flex-1 android:mt-[${StatusBar.currentHeight || 0}px]`,
+            )}
+            edges={["bottom"]}
+          >
             <StatusBar
               translucent
               backgroundColor={"transparent"}
@@ -29,8 +29,8 @@ const App = () => {
             <AdaptUIProvider>
               <AppRoot />
             </AdaptUIProvider>
-          </SafeAreaProvider>
-        </SafeAreaView>
+          </SafeAreaView>
+        </SafeAreaProvider>
       </NavigationContainer>
     </GestureHandlerRootView>
   );