fix: avoid blink when switching tab screens

react-navigation · Aug 7, 2021 · 40dcbcf · 40dcbcf
1 parent 0f5868f
commit 40dcbcf
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/packages/bottom-tabs/src/views/BottomTabView.tsx b/packages/bottom-tabs/src/views/BottomTabView.tsx
@@ -121,7 +121,7 @@ export default function BottomTabView(props: Props) {
           return (
             <MaybeScreen
               key={route.key}
-              style={StyleSheet.absoluteFill}
+              style={[StyleSheet.absoluteFill, { zIndex: isFocused ? 0 : -1 }]}
               visible={isFocused}
               enabled={detachInactiveScreens}
             >