<commit_before># react-native-parallax-view
Parallax view for vertical scrollview/listviews with a header image and header content

## Demo

![parallax view demo](http://media.giphy.com/media/3o85xxIYicm26IyaTm/giphy.gif)

## Example

    <ParallaxView
        backgroundSource={require('image!backgroundImage')}
        header={(
            <Text style={styles.header}>
                Header Content
            </Text>
        )}
        windowHeight={300}
    >
      <View>
        // ... content
      </View>
    </ParallaxView>



## API (props)

- `backgroundSource`: (object) => the `source` prop that get's passed to the background `<Image>` component.
- `header`: (renderable) => any content you want to render on top of the image. This content's opacity get's animated down as the scrollview scrolls up. (optional)
- `windowHeight`: (number) => the resting height of the header image.
- `blur` (string) => one of "light", "dark", or "xlight", or `null`. If specified, the image view will have a UIBlurView put on top of it.

<commit_msg>cleaner read<commit_after># react-native-parallax-view
Parallax view for vertical scrollview/listviews with a header image and header content

## Installation

```bash
$ npm i react-native-parallax-view --save
```

## Demo

![parallax view demo](http://media.giphy.com/media/3o85xxIYicm26IyaTm/giphy.gif)

## Example

```jsx
<ParallaxView
    backgroundSource={require('image!backgroundImage')}
    header={(
        <Text style={styles.header}>
            Header Content
        </Text>
    )}
    windowHeight={300}
>
  <View>
    // ... scrollview content
  </View>
</ParallaxView>
```


## API (props)

| Prop | Required | Default  | Type | Description |
| :------------ |:---:|:---------------:| :---------------:| :-----|
| backgroundSource | YES | `null` | `object` | the `source` prop that get's passed to the background `<Image>` component. If left blank, no background is rendered |
| header | NO | `null` | `renderable` | any content you want to render on top of the image. This content's opacity get's animated down as the scrollview scrolls up. (optional) |
| windowHeight | NO | `300` | `number` | the resting height of the header image. If 0 is passed in, the background is not rendered. |
| blur | NO | `null` | `string` | one of "light", "dark", or "xlight", or `null`. If specified, the image view will have a UIBlurView put on top of it. |
| ... | NO | | `...ScrollViewProps` | `{...this.props}` is applied on the internal `ScrollView` (excluding the `style` prop which is passed on to the outer container) |
{'fraction_non_alphanumeric': 0.1512214036448236, 'fraction_numerical': 0.0077549437766576195, 'mean_word_length': 3.0502354788069073, 'pattern_counts': {'":': 0, '<': 17, '<?xml version=': 0, '>': 21, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 1, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3762008', 'n_tokens_mistral': 813, 'n_tokens_neox': 775, 'n_words': 270}