为什么动画视图会消失在React Native中的panResponderMove的其他视图之后

问题描述

我正在创建一个React Native App，人们可以从中选择球员来建立自己的团队。该应用程序的一部分要求用户在选定和未选定的播放器之间拖放。拖放行为是使用 Animated.View 和 PanResponder 处理的。

我遇到的问题是，当我将名称从一列拖到另一列时，当它们位于其父容器之外时，它们便开始消失。我在Android和使用Expo的Web应用程序中看到了这种现象。

Player disappears while dragging outside parent

我希望有人可以为我指出正确的方向，以解决此问题：）

我尝试过的事情：

1. z-index和海拔，以及绝对位置
2. 更改“视图”添加到屏幕的顺序，因为我怀疑该问题与DOM的基础结构有关。
3. 将Animated.View包裹在 Touchable 组件中

但是这些都不适合我。

代码的核心部分是响应者和动画视图：

// PanResponder
onPanResponderMove: (evt,gest) => {
  return Animated.event([null,{
    dx: this.state.panSelected[name].x,dy: this.state.panSelected[name].y
  }],{useNativeDriver: false})(evt,gest)
},// Player names are in a FlatList   
// FlatList render item function
renderItemsSelected = (item) => {
  return (
    <Animated.View style={[this.state.panSelected[item.item].getLayout()]}
      key={"Selected" +item.index}
      {...this.getPanResponderSelected(item.item).panHandlers}>
      <Text style={[styles.playerName]}>{item.index + 1 + ". " + item.item}</Text>
    </Animated.View>
  )
}

我已经为此苦苦挣扎了一段时间了，因此，非常感谢您的帮助：）

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）