example of ParallaxScrollView

ParallaxScrollView

stickyHeader = () => (
  <View><Text>My Sticky Header</Text></View>
)

<ParallaxScrollView
  parallaxHeaderHeight={700}
  renderStickyHeader={this.stickyHeader}
  stickyHeaderHeight={50}
  renderForeground={() => (
    <Fragment>
      {/* Everything that goes  before sticky header appears */}
      <View style={{ width: '100%', height: 100, backgroundColor: 'red' }} />
    </Fragment>
  )}
>
  <View style={{ width: '100%', height: 100, backgroundColor: 'blue' }} /> // Everything that goes underneath the sticky header
</ParallaxScrollView>