u

code/app/app-rn4/src/layouts/ModuleLayout.tsx

@@ -20,7 +20,7 @@ export default function ModuleLayout({ tabs }: { tabs: TabbarItem[] }) {
 
   return (
     <View style={{ flex: 1 }}>
-      <View style={{ flex: 1 }}>
+      <View style={{ flex: 1, zIndex: 0 }}>
         <Slot />
       </View>
 
@@ -47,16 +47,22 @@ export default function ModuleLayout({ tabs }: { tabs: TabbarItem[] }) {
         </View>
       </View>
 
-      <View style={{ position: "absolute", left: 0, right: 0, bottom: 0, zIndex: 10 }}>
-        <View style={{ paddingBottom: insets.bottom }}>
-          <Tabbar
-            tabs={tabs}
-            value={activeTabItem?.id}
-            onChange={(id) => {
-              router.push(id as any);
-            }}
-          />
-        </View>
+      <View
+        style={{
+          position: "absolute",
+          left: 0,
+          right: 0,
+          bottom: insets.bottom + 16,
+          zIndex: 10,
+        }}
+      >
+        <Tabbar
+          tabs={tabs}
+          value={activeTabItem?.id}
+          onChange={(id) => {
+            router.push(id as any);
+          }}
+        />
       </View>
     </View>
   );