如何解决为什么动画视图会消失在React Native中的panResponderMove的其他视图之后
我正在创建一个React Native App，人们可以从中选择球员来建立自己的团队。该应用程序的一部分要求用户在选定和未选定的播放器之间拖放。拖放行为是使用 Animated.View 和 PanResponder 处理的。
我遇到的问题是，当我将名称从一列拖到另一列时，当它们位于其父容器之外时，它们便开始消失。我在Android和使用Expo的Web应用程序中看到了这种现象。
Player disappears while dragging outside parent
我希望有人可以为我指出正确的方向，以解决此问题：）
我尝试过的事情：
- z-index和海拔，以及绝对位置
- 更改“视图”添加到屏幕的顺序，因为我怀疑该问题与DOM的基础结构有关。
- 将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 举报，一经查实，本站将立刻删除。