如何让react-native-draggable-flatlist拖动项显示在所有元素上方

我在使用react-native-draggable-flatlist的dragItemOverflow选项时，希望拖动项能拖到列表外部并保持可见，已给组件添加如下设置：

<NestableDraggableFlatList
    style={{overflow:'visible'}}
/>

测试时，进入“Nested”页面拖动列表项：向上拖动时该项可覆盖所有元素，但向下拖动仅能覆盖下方头部，无法覆盖下方列表中的元素。尝试给相关父级、子级元素设置zIndex未生效，请问如何让拖动项覆盖所有下方元素？该问题是否和React Native的层级渲染Bug相关？

可行解决方案 #

• 提升拖动项的挂载层级：默认拖动项挂载在当前列表容器内部，可通过Portal组件（社区实现的react-native-portal类工具）将拖动元素挂载到页面根容器下，脱离当前列表的上下文限制，确保其层级高于所有页面元素。
• 排查所有上级容器的overflow属性：除当前列表设置overflow: visible外，逐一检查所有父级容器是否存在overflow: hidden设置，该属性会截断超出容器范围的元素显示。
• 组合使用zIndex与渲染顺序：React Native中同层级组件的zIndex优先级受渲染顺序影响，可尝试将拖动元素的渲染逻辑放在所有列表组件之后，同时结合zIndex: 9999强制提升层级；Android端可额外添加elevation属性增强层级优先级。
• 修改组件内部拖动容器：查看react-native-draggable-flatlist源码，确认拖动时的元素是否被包裹在限制层级的容器中，手动调整该容器的样式或层级配置。

内容的提问来源于stack exchange，提问作者Per Quested Aronsson