fix: hide routes with opacity 0 for Android (#129)

callstackincubator · Nov 8, 2024 · 3d4db5f · 3d4db5f
1 parent 2648047
commit 3d4db5f
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/src/TabView.tsx b/src/TabView.tsx
@@ -271,6 +271,7 @@ const TabView = <Route extends BaseRoute>({
         }
 
         const focused = route.key === focusedKey;
+        const opacity = focused ? 1 : 0;
         const zIndex = focused ? 0 : -1;
 
         return (
@@ -282,7 +283,7 @@ const TabView = <Route extends BaseRoute>({
             importantForAccessibility={focused ? 'auto' : 'no-hide-descendants'}
             style={
               Platform.OS === 'android'
-                ? [StyleSheet.absoluteFill, { zIndex }]
+                ? [StyleSheet.absoluteFill, { zIndex, opacity }]
                 : styles.fullWidth
             }
           >