fix: BottomNavigation clickthrough in tabs

Fixes callstack#2366
jasperro · Feb 11, 2021 · 1242edf · 1242edf
1 parent e5c0c77
commit 1242edf
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/src/components/BottomNavigation.tsx b/src/components/BottomNavigation.tsx
@@ -610,6 +610,9 @@ const BottomNavigation = ({
             outputRange: [0, FAR_FAR_AWAY],
           });
 
+          const display =
+            Platform.OS === 'web' ? (focused ? 'flex' : 'none') : null;
+
           return (
             <Animated.View
               key={route.key}
@@ -618,7 +621,7 @@ const BottomNavigation = ({
               importantForAccessibility={
                 focused ? 'auto' : 'no-hide-descendants'
               }
-              style={[StyleSheet.absoluteFill, { opacity }]}
+              style={[StyleSheet.absoluteFill, { opacity }, { display }]}
               collapsable={false}
               removeClippedSubviews={
                 // On iOS, set removeClippedSubviews to true only when not focused