Sticky Component inside scrollview
<p>I'm trying to build a a sticky component like this app</p>

<p><a href="http://www.screencapture.ru/file/E88F08Fc" rel="noreferrer">http://www.screencapture.ru/file/E88F08Fc</a></p>

<p>Deals, Products, Events tabs/segmentControl are actually start from bottom and as you scroll when you hit bottom of the header it stops and start stick while the content keep scrolled</p>

<p>this is my code</p>

<pre><code>        &lt;View style={styles.container}&gt;
            &lt;ScrollView 
                style={styles.container}
                scrollEventThrottle={16}
                onScroll={
                    Animated.event(
                        [{nativeEvent:{contentOffset: {y: this.state.scrollY}}}]
                    )
                }
            &gt;
                {this._renderScrollViewContent()}
            &lt;/ScrollView&gt;
            &lt;View style={styles.stickyStuff}&gt;&lt;/View&gt;
            &lt;Animated.View
                style={[styles.header, {height: headerHeight}]}
            &gt;
                &lt;Animated.Image
                    source={require('../../assets/images/pvj.jpg')}
                    style={[styles.backgroundImage, {opacity: imageOpacity}]}
                /&gt;
                &lt;Animated.View style={[styles.bar, {transform: [{translateY: titleTranslateY}, {translateX: titleTranslateX}]}]}&gt;
                    &lt;Text style={styles.title}&gt;PARIS VAN JAVA&lt;/Text&gt;
                &lt;/Animated.View&gt;

            &lt;/Animated.View&gt;
        &lt;/View&gt;
</code></pre>