提问人：Per Quested Aronsson 提问时间：10/5/2023 最后编辑：Per Quested Aronsson 更新时间：10/16/2023 访问量：124
如何在 react-native-draggable-flatlist 中保持拖动溢出可见
How to keep drag overflow visible in react-native-draggable-flatlist
问：
在 react-native-draggable-flatlist 中，有一个选项 dragItemOverflow，它可以将项目拖到列表之外。为了使项目在通过列表边界时保持可见，我还必须添加类似
<NestableDraggableFlatList
style={{overflow:'visible'}}
在此（更新的）Snack 中，导航到“嵌套”，然后尝试将项目从任何列表中垂直拖到列表容器之外。向上，它位于所有其他元素之上，但向下，它只位于下面的标题之上，而不是在下面列表中的元素之上。我怎样才能让它位于下面的所有元素之上？
我尝试在相关元素（父母和孩子）上设置 zIndex，但到目前为止没有运气。问题是否与此问题有关？
答：
0赞
Per Quested Aronsson
10/6/2023
#1
可以通过设置 和 来解决。 必须有条件地应用，以便只有包含活动项的列表才会收到提升的 .style overflowcontainerStyle zIndexzIndexzIndex
<NestableDraggableFlatList
style={{overflow:'visible'}}
containerStyle={{zIndex: activeListId === 1 ? 100 : 0}}
有关实现详细信息，请参阅此更新的 Snack。导航到“嵌套”并拖动要测试的项。代码位于 Project->Screens->Nested 中。
但也许有更好的方法？如果您知道，请提出建议。
评论