fix: don't fade incoming background when fading header

react-navigation · Oct 16, 2019 · f3a2688 · f3a2688
1 parent 92f0f69
commit f3a2688
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 5 deletions.
diff --git a/src/TransitionConfigs/HeaderStyleInterpolators.tsx b/src/TransitionConfigs/HeaderStyleInterpolators.tsx
@@ -106,7 +106,7 @@ export function forFade({
     leftButtonStyle: { opacity },
     rightButtonStyle: { opacity },
     titleStyle: { opacity },
-    backgroundStyle: { opacity },
+    backgroundStyle: { opacity: current.progress },
   };
 }
 

diff --git a/src/navigators/__tests__/__snapshots__/NestedNavigator.test.tsx.snap b/src/navigators/__tests__/__snapshots__/NestedNavigator.test.tsx.snap
@@ -383,7 +383,7 @@ Array [
                                 "top": 0,
                               },
                               Object {
-                                "opacity": undefined,
+                                "opacity": NOOP {},
                               },
                             ]
                           }
@@ -523,7 +523,7 @@ Array [
               "top": 0,
             },
             Object {
-              "opacity": undefined,
+              "opacity": NOOP {},
             },
           ]
         }

diff --git a/src/navigators/__tests__/__snapshots__/StackNavigator.test.tsx.snap b/src/navigators/__tests__/__snapshots__/StackNavigator.test.tsx.snap
@@ -215,7 +215,7 @@ Array [
               "top": 0,
             },
             Object {
-              "opacity": undefined,
+              "opacity": NOOP {},
             },
           ]
         }
@@ -554,7 +554,7 @@ Array [
               "top": 0,
             },
             Object {
-              "opacity": undefined,
+              "opacity": NOOP {},
             },
           ]
         }