feat: wrap App in SafeAreaProvider

src/core/patches/wrapSafeAreaProvider.tsx

@@ -0,0 +1,15 @@
+import { after } from "@lib/api/patcher";
+import { _lazyContextSymbol } from "@metro/lazy";
+import { findByNameLazy, findByPropsLazy } from "@metro/wrappers";
+
+export default function wrapSafeAreaProvider() {
+    const { SafeAreaProvider } = findByPropsLazy('useSafeAreaInsets');
+
+    return after("default", findByNameLazy('App', false), function (_, ret) {
+        return (
+            <SafeAreaProvider>
+                {ret}
+            </SafeAreaProvider>
+        )
+    });
+}

src/core/ui/reporter/components/ErrorBoundaryScreen.tsx

@@ -17,12 +17,10 @@ const useStyles = createStyles({
         backgroundColor: tokens.colors.BG_BASE_SECONDARY,
         paddingHorizontal: 16,
         height: "100%",
-        padding: 8,
         gap: 12
     }
 });
 
-
 export default function ErrorBoundaryScreen(props: {
     error: Error;
     rerender: () => void;

src/index.ts

@@ -1,4 +1,5 @@
 import patchErrorBoundary from "@core/debug/patches/patchErrorBoundary";
+import wrapSafeAreaProvider from "@core/patches/wrapSafeAreaProvider";
 import initFixes from "@core/fixes";
 import { initFetchI18nStrings } from "@core/i18n";
 import initSettings from "@core/ui/settings";
@@ -36,6 +37,7 @@ export default async () => {
 
     // Load everything in parallel
     await Promise.all([
+        wrapSafeAreaProvider(),
         injectFluxInterceptor(),
         patchSettings(),
         patchLogHook(),