React-native：如何在不使用库的情况下将项目从一个平面列表拖放到另一个平面列表？

Question

 <FlatList
              data={homeShowingsStore.top3List}
              renderItem={({ item, index }) => renderListItem(item, index)}
              keyExtractor={(item) => item.id.$oid}
              onEndReachedThreshold={1}
              horizontal={true}
              showsVerticalScrollIndicator={false}
              showsHorizontalScrollIndicator={false}
              contentContainerStyle={styles.flatListContainer}
              // ListHeaderComponent={() => <View style={{ height: 100 }} />}

              scrollToOverflowEnabled={true}
            />

<PanGestureHandler
          onGestureEvent={onGestureEvent}
          onHandlerStateChange={(event) => onHandleStateChanges(event)}>
          <Animated.View
            style={[
              styles.item,
              styles.margin21,
              {
                zIndex: 2,
                transform: [{ translateX }, { translateY }],
              },
            ]}>
          ...listitems
</Animated.View>

我一直在尝试使用 PanGestureHandler 在 2 个平面列表之间手动实现拖放，但是当我尝试拖动元素时，它停留在平面列表区域内。 它不会超出平面列表范围

谢谢你。