fix: use opacity in headerStyle

react-navigation · Aug 18, 2019 · 9dce71c · 9dce71c
1 parent da8da3d
commit 9dce71c
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/packages/stack/src/views/Header/HeaderSegment.tsx b/packages/stack/src/views/Header/HeaderSegment.tsx
@@ -217,6 +217,7 @@ export default class HeaderSegment extends React.Component<Props, State> {
       shadowOffset,
       shadowOpacity,
       shadowRadius,
+      opacity,
       ...unsafeStyles
     } = StyleSheet.flatten(customHeaderStyle || {}) as ViewStyle;
 
@@ -257,6 +258,7 @@ export default class HeaderSegment extends React.Component<Props, State> {
       shadowOffset,
       shadowOpacity,
       shadowRadius,
+      opacity,
     };
 
     // Setting a property to undefined triggers default style
@@ -284,7 +286,7 @@ export default class HeaderSegment extends React.Component<Props, State> {
         </Animated.View>
         <Animated.View
           pointerEvents="box-none"
-          style={[{ height, minHeight, maxHeight }]}
+          style={[{ height, minHeight, maxHeight, opacity }]}
         >
           <View
             pointerEvents="none"