Reactjs 如何将卡片视图拖出ScrollView

Reactjs 如何将卡片视图拖出ScrollView,reactjs,react-native,drag-and-drop,scrollview,z-index,Reactjs,React Native,Drag And Drop,Scrollview,Z Index,我目前正在使用ScrollView来保存我的所有卡片,如 <ScrollView> <Card id={1}/> <Card id={2}/> </ScrollView> 所以Card组件只需渲染动画视图 <Animated.View {...this._panResponder.panHandlers}> ... </Animated.View> ... 我可以将卡拖动

我目前正在使用ScrollView来保存我的所有卡片,如

<ScrollView>
    <Card id={1}/>
    <Card id={2}/>
</ScrollView>
所以
Card
组件只需渲染动画视图

    <Animated.View {...this._panResponder.panHandlers}>
       ...
    </Animated.View>

...
我可以将卡拖动到滚动视图中的任何位置,滚动视图中溢出的部分将被隐藏。如何在scrollView上制作卡片,然后在屏幕上的任何位置拖动并显示


当我将
滚动视图
更改为
视图
时,我发现了一件有趣的事情,然后可以将
拖到
视图
的顶部。它只在iOS上工作,Android仍然与
ScrollView

相同,您尝试的操作在Android上不起作用。这是因为RN不支持Android as中的溢出:可见

溢出样式属性默认为隐藏,在Android上无法更改


这意味着您必须处理容器视图的层次结构,并考虑一种解决方法,将卡包含在更大的容器中或复制到另一层。

当我使用
ScrollView
FlatList
包装卡时,Android和iOS都会隐藏溢出部分的内容。当我使用用户
View
包装卡片时,Android将隐藏溢出内容,iOS运行良好。这可能与您没有明确设置
overflow:visible
有关。在
View
中,它默认为true,但我认为
ScrollView
会更改每个项目的值,除非另有规定。我的假设基于此文档,您是对的,当设置
溢出:可见时,iOS按预期工作,但不是Android,谢谢您的回复。
    <Animated.View {...this._panResponder.panHandlers}>
       ...
    </Animated.View>