Trigger bounce/zoom on drag in header

[eddyjusufi]

Is there a way to trigger the bounce/zoom when the user scrolls down by touching the header as well?

[Nhacsam]

It should be if you have no foreground : #6 (comment)
Can I see your code ?

[eddyjusufi]

@Nhacsam I do have text as foreground. Is there any way to trigger the header bounce/zoom through it nonetheless? Here is what my code looks like:

<HeaderImageScrollView
       maxHeight={MAX_HEIGHT}
       minHeight={MIN_HEIGHT}
       minOverlayOpacity={0}
       maxOverlayOpacity={0}
       headerImage={require("../../../assets/images/headerImage.jpg")}
       renderForeground={() => (
                    <View style={{ flex: 1, flexDirection: 'row', alignSelf: "flex-end", alignItems: "flex-end" }} >
                      <TouchableOpacity onPress={() => console.log("tap!!")}>
                        <Text style={{ color: "white", backgroundColor: "transparent", alignSelf: "center" }}>Really long text with a link when pressed</Text>
                      </TouchableOpacity>
                    </View>
                  )}
                >
      <View style={{ flex: 1, height: 1000 }}>
            <TriggeringView onHide={() => console.log("text hidden")}>
                   <Text>Scroll Me!</Text>
             </TriggeringView>
       </View>
     </HeaderImageScrollView>

[Nhacsam]

No, you can't right now, The foreground intercept the touch event and don't propagate it to the scrollView behind.