React Native ListView 项目 ZIndex

Posted

技术标签:

【中文标题】React Native ListView 项目 ZIndex【英文标题】:React Native ListView Item ZIndex 【发布时间】:2018-01-06 04:49:14 【问题描述】:

我正在尝试实现一个拖放列表视图项,我可以在其中从一个列表视图拖放到另一个。

我面临的最大问题是 ListView 子级的“zIndex”,当我移动它时,我无法弄清楚如何让子行保持在其他视图之上

你可以在这里找到我制作的代码:https://gist.github.com/zr0n/5f4f1ca6ca371e5a5264a4d2de1ae733

请,任何人都拯救我的一天

【问题讨论】:

【参考方案1】:

我解决了这个问题。我在这个存储库中发现了一个有趣的解决方法:https://github.com/deanmcpherson/react-native-drag-drop

很难找到,一旦它甚至不是一个 npm 模块。

它会创建一个透明的模态并克隆其上的拖动内容,因此它位于其他视图之上。我需要进行一些修复以将其与 TouchableOpacity/TouchableHighlight/TouchableWithoutFeedback 一起使用并提出拉取请求: https://github.com/deanmcpherson/react-native-drag-drop/pull/3/commits/dd16534b8d5d73ff2c95b92c2649c5a176b42986

如果您需要 Touchable Draggable 并且当您阅读本文时 PR 未获批准,请使用我的 fork 分支 Touchable_Children: https://github.com/zr0n/react-native-drag-drop/tree/Touchable_Children

【讨论】:

以上是关于React Native ListView 项目 ZIndex的主要内容,如果未能解决你的问题,请参考以下文章

React-Native ListView加载图片淡入淡出效果的组件

React Native ListView 加载缓慢

React-Native ListView拖拽交换Item

React-Native ListView拖拽交换Item

React-Native ListView拖拽交换Item

react-native:ListView,如何从顶部推送新行