TouchableWithoutFeedback 可防止滚动
作者: MasoudShah创建于 2020年4月10日更新于 2023年8月15日
我在 ScrollableTabView 中有多个标签页,其中一些是 FlatList。FlatList 的项目被包裹在具有 onPress 属性的 TouchableWithoutFeedback 中。垂直滚动(由 FlatList 负责)是正常的,FlatList 没有问题,但横向滚动(即在标签页之间滚动)出现问题。当您在 FlatList 的项目上水平滚动时,不会发生滚动,而 TouchableWithoutFeedback 的 onPress 会触发;但是,如果您的触摸点不在项目上,而是在它们之间,则会正常滚动。问题在于横向滚动不会占用 TouchableWithoutFeedback 的响应者锁。这个问题只发生在从左向右滚动时,相反的方向则工作正常。我如何解决这个问题?
内容来源: ptomasroos/react-native-scrollable-tab-view