Merge pull request #18 from stoneman1/master

Add possibility to change header title animated view style

README.md

@@ -123,6 +123,7 @@ render() {
 | `statusBarColor` | `string` | No | This is the status bar color (for android) navBarColor will be used if no statusBarColor is passed in | Default to `null` |
 | `title` | `any` | No | This is the title to be display in the header, can be string or component | Default to `null` |
 | `titleStyle` | `style` | No | This is the title style to override default font size/color | Default to `color: ‘white’ `text and `fontSize: 16` |
+| `headerTitleStyle` | `style` | No | This is the header title animated view style to override default `<Animated.View>` style | Default to `null` |
 | `scrollEventThrottle` | `number` | No | This is the scroll event throttle | Default is `16` |
 | `contentContainerStyle` | `style` | No | This is the contentContainerStyle style to override default `<ScrollView>` contentContainerStyle style | Default to null |
 | `containerStyle` | `style` | No | This is the style to override default outermost `<View>` style | Default to null |

index.js

@@ -268,7 +268,7 @@ class RNParallax extends Component {
   }
 
   renderHeaderTitle() {
-    const { title, titleStyle } = this.props;
+    const { title, titleStyle, headerTitleStyle } = this.props;
     const titleTranslateY = this.getTitleTranslateY();
     const titleOpacity = this.getTitleOpacity();
 
@@ -283,6 +283,7 @@ class RNParallax extends Component {
             height: this.getHeaderHeight(),
             opacity: titleOpacity,
           },
+          headerTitleStyle
         ]}
       >
         {typeof title === 'string'
@@ -363,6 +364,7 @@ RNParallax.propTypes = {
   navbarColor: PropTypes.string,
   title: PropTypes.any,
   titleStyle: PropTypes.any,
+  headerTitleStyle: PropTypes.any,
   headerMaxHeight: PropTypes.number,
   headerMinHeight: PropTypes.number,
   scrollEventThrottle: PropTypes.number,
@@ -385,6 +387,7 @@ RNParallax.defaultProps = {
   backgroundImage: null,
   title: null,
   titleStyle: styles.headerText,
+  headerTitleStyle: null,
   headerMaxHeight: DEFAULT_HEADER_MAX_HEIGHT,
   headerMinHeight: DEFAULT_HEADER_MIN_HEIGHT,
   scrollEventThrottle: SCROLL_EVENT_THROTTLE,