I have a horizontal ScrollView with paging enabled and each page is vertical FlatList.
Often, when users try to scroll down on FlatList, horizontal scroll happens and they end up on next ScrollView page.
Is there a way to configure ScrollView sensitivity so it triggers only when horizontal drag is larger, if that makes sense?
I've already looked into documentation, but haven't found anything.
<ScrollView
ref={swiperRef}
horizontal={true}
decelerationRate={'normal'}
snapToInterval={screenWidth}
snapToAlignment={'center'}
pagingEnabled={true}
disableIntervalMomentum={true}
>
{categories.map((category, index) => {
return (
<View key={category?.code}>
<FlatList
data={categories[index]}
renderItem={renderBox}
keyExtractor={(item, index) => index}
contentContainerStyle={styles.categoryNewsContainer}
onEndReached={({ distanceFromEnd }) => {
loadMore()
}}
onEndReachedThreshold={0.1}
onRefresh={() => refresh()}
refreshing={isRefreshing}
/>
</View>
)
})}
</ScrollView>