fix: don't keep unfocused header backgrounds visible

2026-04-26 13:35:32 +08:00 · 2019-10-22 04:54:38 +02:00
parent 2b5955efbe
commit 031c4d2378
1 changed files with 6 additions and 1 deletions
--- a/packages/stack/src/TransitionConfigs/HeaderStyleInterpolators.tsx
+++ b/packages/stack/src/TransitionConfigs/HeaderStyleInterpolators.tsx
@@ -109,7 +109,12 @@ export function forFade({
    leftButtonStyle: { opacity },
    rightButtonStyle: { opacity },
    titleStyle: { opacity },
-    backgroundStyle: { opacity: current.progress },
+    backgroundStyle: {
+      opacity: interpolate(progress, {
+        inputRange: [0, 1, 1.9, 2],
+        outputRange: [0, 1, 1, 0],
+      }),
+    },
  };
 }