TouchableWithoutFeedback prevents scrolling

Author: MasoudShahCreated Apr 10, 2020Updated Aug 15, 2023

I have multiple tabs inside ScrollableTabView and some of them are FlatLists. The items of FlatList are wrapped inside a TouchableWithoutFeedback with onPress property. Scrolling vertical (witch is FlatList responsible for) is OK and the FlatLists have no issue but the problem is scrolling horizontal (whitch is about scrolling between tabs). When you scroll horizontally on an Item of FlatList, scrolling wont happen and the onPress of TouchableWithoutFeedback triggers; but if your point of touch is not on the items and instead between them, it scrolls normally. The problem is scrolling horizontal doesn't steals the responder lock of TouchableWithoutFeedback. This problem happens only in scrolling from left to right and the opposite direction works well. How can I overcome this problem?

Source: ptomasroos/react-native-scrollable-tab-view