fix: conditionally hide tabs

hyoban · Dec 11, 2024 · c6903bf · c6903bf
1 parent e26d1c7
commit c6903bf
Showing 1 changed file with 9 additions and 4 deletions.
diff --git a/app/(app)/(tabs)/_layout.tsx b/app/(app)/(tabs)/_layout.tsx
@@ -29,11 +29,16 @@ export default function TabLayout() {
         <Tabs.Screen
           key={view.name}
           name={view.name}
-          options={{
-            title: view.title,
-            tabBarIcon: view.iconRequire,
-            tabBarBadge: `${countList[view.view] > 0 ? countList[view.view] : ''}`,
+          options={({ navigation }) => {
+            const currentIndex = navigation.getState().index as number
+            return {
+              title: view.title,
+              tabBarIcon: view.iconRequire,
+              tabBarBadge: `${countList[view.view] > 0 ? countList[view.view] : ''}`,
+              tabBarItemHidden: (currentIndex < 2 && view.view === 5) || (currentIndex >= 2 && view.view === 0),
+            }
           }}
+          initialParams={{ view: view.view, title: view.title }}
         />
       ))}
     </Tabs>