fix(tabheader): fixed transparency in background when sliding up

rollymaduk · Oct 9, 2017 · 126c0d2 · 126c0d2
1 parent b320756
commit 126c0d2
Show file tree

Hide file tree

Showing 2 changed files with 61 additions and 54 deletions.
diff --git a/.idea/workspace.xml b/.idea/workspace.xml
diff --git a/src/tabbedHeader/header.js b/src/tabbedHeader/header.js
@@ -24,10 +24,12 @@ const Component = ({
   children, onHeaderContentLayout, onTabBarLayout,
   onLayout, opacity, tabHeight, styles, ...rest
 }: any) => (
-  <Header tabHeight={tabHeight}>
-    <Animated.View onLayout={onHeaderContentLayout} style={[{ opacity, flex: 1 }, styles]}>
-      {React.Children.only(children)}
-    </Animated.View>
+  <Header onLayout={onLayout} tabHeight={tabHeight}>
+    <View onLayout={onHeaderContentLayout} style={{ ...styles, flex: 1 }}>
+      <Animated.View style={[{ opacity, flex: 1 }]}>
+        {React.Children.only(children)}
+      </Animated.View>
+    </View>
     <View onLayout={onTabBarLayout}>
       <TabBar
         {...rest}