This repository was archived by the owner on Jan 6, 2023. It is now read-only.

Description
A have a Flatlist and the Pager is inside ListHeaderComponent prop. So I want to achieve scrolling the Flatlist from Pager area.
For example, I will touch the screen in the red square and will try to scroll up.

<FlatList
onScroll={onScroll}
showsVerticalScrollIndicator={false}
data={data}
renderItem={...}
ListHeaderComponent={() => (
<Pager
activeIndex={activeSlide}
onChange={setActiveSlide}
clamp={{ prev: 0 }}
clampDrag={{ prev: activeSlide === 0 ? 0 : 1 }}
style={{ flex: 1, overflow: 'hidden', width: windowWidth }}
>
{thumbnails.map(img => (
<Image
key={img}
source={{ uri: img }}
resizeMode="cover"
style={styles.mainImage}
/>
))}
</Pager>
)}
ListFooterComponent={this._renderFooterComponent}
/>