0

I have a FlatList embedded in every screen of a react-native-tab-view, and I would like to disable the swipe of the react-native-tab-view in the area covered by this FlatList for a better user experience.

When reaching the end of the FlatList, the scroll propagates to the parent react-native-tab-view

GIF example of the scroll propagating to tab view

On Android, the scroll in this area is even sometimes considered as a swipe on the react-native-tab-view, which leads to hard times scrolling the FlatList.

I tried to find a way to catch touch events and stop propagation but I'm not very familiar with PanResponders and touch events captures.

Melbius
  • 1

1 Answers1

-1

Just use

    <TabView
      .....
      swipeEnabled={false}
    />
siicieco
  • 1
  • 1
  • Hi @siicieco! Unfortunately, I want to enable the swipe on the rest on the screen, but disable it on this small part of the TabView screen – Melbius Feb 13 '23 at 15:31