From 21b421fdc370d69d7918f4799daefae80950433f Mon Sep 17 00:00:00 2001
From: Davide Scaini <davide.scaini@alumni.cern>
Date: Fri, 24 Apr 2026 23:15:52 +0200
Subject: [PATCH] fix: wrap root layout in flex:1 View so Stack fills full
 screen alongside hidden WebView

---
 mobile/app/_layout.tsx | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/mobile/app/_layout.tsx b/mobile/app/_layout.tsx
index 45b3f75..120bdd0 100644
--- a/mobile/app/_layout.tsx
+++ b/mobile/app/_layout.tsx
@@ -1,12 +1,13 @@
 import { Stack } from 'expo-router';
 import { SQLiteProvider } from 'expo-sqlite';
 import { StatusBar } from 'expo-status-bar';
+import { StyleSheet, View } from 'react-native';
 import { migrateDb } from '@/db';
 import { PyodideWebView } from '@/extraction/PyodideWebView';
 
 export default function RootLayout() {
   return (
-    <>
+    <View style={styles.root}>
       {/* Hidden WebView: starts loading Pyodide immediately so the runtime
           is warm by the time the user opens the Import tab. */}
       <PyodideWebView />
@@ -14,6 +15,10 @@ export default function RootLayout() {
         <StatusBar style="light" />
         <Stack screenOptions={{ headerShown: false }} />
       </SQLiteProvider>
-    </>
+    </View>
   );
 }
+
+const styles = StyleSheet.create({
+  root: { flex: 1 },
+});