Add disableHeaderGrow and headerContainerStyle props

Author: Joshua Jahans

.gitignore

@@ -1,2 +1,3 @@
 node_modules/**/*
 npm-debug.*
+.idea

README.md

@@ -60,8 +60,8 @@ The `HeaderImageScrollView` handle also the following props. None is required :
 | `minOverlayOpacity` | `number` | `0` | Opacity of a black overlay on the header before any scroll | [example](https://github.com/bamlab/react-native-image-header-scroll-view-example/blob/3b9d2d0d7f71c6bf877e2d10cc65c9ab7e1b484d/src/Pages/TvShow.js#L96) |
 | `maxOverlayOpacity` | `number` | `0.3` | Opacity of a black overlay on the header when in navbar mode | [example](https://github.com/bamlab/react-native-image-header-scroll-view-example/blob/3b9d2d0d7f71c6bf877e2d10cc65c9ab7e1b484d/src/Pages/TvShow.js#L96) |
 | `overlayColor` | `string` | `black` | Color of the overlay on the header | [example](https://github.com/bamlab/react-native-image-header-scroll-view-example/blob/master/src/Pages/Colors.js#L16) |
-
-
+|`headerContainerStyle`|`Object`|`undefined`|Optional styles to be passed to the container of the header component|
+|`disableHeaderGrow`|`boolean`|`undefined`|Disable to grow effect on the header
 
 ### Foreground
 

package.json

@@ -1,6 +1,6 @@
 {
-  "name": "react-native-image-header-scroll-view",
-  "version": "0.8.2",
+  "name": "react-native-image-header-scroll-view-ep",
+  "version": "0.0.1",
   "description": "ScrollView with an image in header which become a navbar",
   "main": "src/index.js",
   "scripts": {

src/ImageHeaderScrollView.js

@@ -42,6 +42,8 @@ export type Props = ScrollViewProps & {
   ScrollViewComponent: React$ComponentType<ScrollViewProps>,
   scrollViewBackgroundColor: string,
   headerImage?: ?SourceProps,
+  headerContainerStyle?: ?Object,
+  disableHeaderGrow?: ?boolean,
 };
 
 export type DefaultProps = {
@@ -72,6 +74,7 @@ class ImageHeaderScrollView extends Component<Props, State> {
 
   static defaultProps: DefaultProps = {
     overlayColor: 'black',
+    disableHeaderGrow: false,
     fadeOutForeground: false,
     foregroundParallaxRatio: 1,
     maxHeight: 125,
@@ -137,16 +140,19 @@ class ImageHeaderScrollView extends Component<Props, State> {
 
     const headerTransformStyle = {
       height: this.props.maxHeight,
-      transform: [{ scale: headerScale }],
     };
 
+    if (!this.props.disableHeaderGrow) {
+      headerTransformStyle.transform = [{ scale: headerScale }];
+    }
+
     const overlayStyle = [
       styles.overlay,
       { opacity: overlayOpacity, backgroundColor: this.props.overlayColor },
     ];
 
     return (
-      <Animated.View style={[styles.header, headerTransformStyle]}>
+      <Animated.View style={[styles.header, headerTransformStyle, this.props.headerContainerStyle]}>
         {this.renderHeaderProps()}
         <Animated.View style={overlayStyle} />
         <View style={styles.fixedForeground}>{this.props.renderFixedForeground()}</View>