From 2ea09126c9ef718f12904b263a9da656d82100ce Mon Sep 17 00:00:00 2001
From: "satyajit.happy" <satyajit.happy@gmail.com>
Date: Fri, 14 Jun 2019 23:46:48 +0200
Subject: [PATCH] feat: add headerBackgroundStyle option

---
 packages/stack/src/types.tsx                  |  1 +
 .../stack/src/views/Header/HeaderSegment.tsx  | 29 +++++++++----------
 2 files changed, 15 insertions(+), 15 deletions(-)

diff --git a/packages/stack/src/types.tsx b/packages/stack/src/types.tsx
index 527c1f0f..fdfcde5a 100644
--- a/packages/stack/src/types.tsx
+++ b/packages/stack/src/types.tsx
@@ -79,6 +79,7 @@ export type HeaderOptions = {
   headerBackImage?: HeaderBackButtonProps['backImage'];
   headerPressColorAndroid?: string;
   headerBackground?: () => React.ReactNode;
+  headerBackgroundStyle?: StyleProp<ViewStyle>;
   headerStyle?: StyleProp<ViewStyle>;
   headerStatusBarHeight?: number;
 };
diff --git a/packages/stack/src/views/Header/HeaderSegment.tsx b/packages/stack/src/views/Header/HeaderSegment.tsx
index 3c2c9378..1de06763 100644
--- a/packages/stack/src/views/Header/HeaderSegment.tsx
+++ b/packages/stack/src/views/Header/HeaderSegment.tsx
@@ -56,10 +56,6 @@ export const getDefaultHeaderHeight = (layout: Layout) => {
 };
 
 export default class HeaderSegment extends React.Component<Props, State> {
-  static defaultProps = {
-    headerBackground: () => <HeaderBackground />,
-  };
-
   state: State = {};
 
   private handleTitleLayout = (e: LayoutChangeEvent) => {
@@ -124,10 +120,11 @@ export default class HeaderSegment extends React.Component<Props, State> {
       headerLeft: left = (props: HeaderBackButtonProps) => (
         <HeaderBackButton {...props} />
       ),
-      headerBackground,
-      headerTintColor,
-      // @ts-ignore
       headerStatusBarHeight = getStatusBarHeight(layout.width > layout.height),
+      headerTintColor,
+      headerBackground,
+      headerBackgroundStyle,
+      // @ts-ignore
       headerRight: right,
       headerBackImage: backImage,
       headerBackTitle: leftLabel,
@@ -163,14 +160,16 @@ export default class HeaderSegment extends React.Component<Props, State> {
 
     return (
       <React.Fragment>
-        {headerBackground ? (
-          <Animated.View
-            pointerEvents="none"
-            style={[StyleSheet.absoluteFill, backgroundStyle]}
-          >
-            {headerBackground()}
-          </Animated.View>
-        ) : null}
+        <Animated.View
+          pointerEvents="none"
+          style={[StyleSheet.absoluteFill, backgroundStyle]}
+        >
+          {headerBackground ? (
+            headerBackground()
+          ) : (
+            <HeaderBackground style={headerBackgroundStyle} />
+          )}
+        </Animated.View>
         <View pointerEvents="none" style={{ height: headerStatusBarHeight }} />
         <View pointerEvents="box-none" style={styles.container}>
           {onGoBack ? (