react-native - 如何在 View React Native 中检测拖动结束

Question

我有一个 View 。在此 View 中，我有一个平面列表，其中包含有效的 onScrollEndDrag 和 onScrollBeginDrag 逻辑，除非在不属于 FlatList 的底部选项卡菜单上释放拖动。因为处理程序在 FlatList 上，所以我无法检测到底部选项卡上发生的拖动释放。我需要将拖动结束逻辑附加到 View 而不是 FlatList。我如何检测拖动结束/用户在 View 而不是 FlatList 中松开屏幕的手？

这是我目前拥有的:

 <View>
      <StatusBar barStyle={"light-content"} />
      <FlatList
        data={challenges}
        renderItem={({ item, index }) => (
          <ChallengePost challenge={item} isVideoPlaying={index === currentlyPlaying && !navigatedOutOfScreen} />
        )}
        keyExtractor={(challenge) => challenge._id}
        showsVerticalScrollIndicator={false}
        snapToInterval={Dimensions.get("window").height}
        snapToAlignment={"start"}
        decelerationRate={"fast"}
        onViewableItemsChanged={onViewRef.current}
        onScrollEndDrag={() => (scrollEnded.current = true)}
        onScrollBeginDrag={() => (scrollEnded.current = false)}
      ></FlatList>
    </View>

如您所见，onScrollEndDrag onScrollBeginDrag 发生在 FlatList 级别，我希望它能够检测整个屏幕上发生的拖动释放。

Answer 1

检查这个库它应该可以帮助你更容易，因为它将一些组件包装在它自己的平移手势处理程序中

react-native-gesture-handler

examples