React native 检查react native中的两个视图是否重叠

有人知道如何检查react native中的两个视图（父容器的子视图）是否重叠吗

如果我不是一个超级有压力的操作（即测量所有视图等），那也很好，因为我希望它能经常进行

任何想法都非常感谢！：）

编辑： 我意识到我的问题非常笼统，所以我会尽量把它弄得更清楚一点

我想实现的是一种观察函数，用于检测两个视图之间的冲突，这会在重新渲染时改变位置

例如（抱歉，由于rep太低，无法嵌入图像）：

---

在上图中，这两个视图可以更改特定事件的位置，我需要一个回调函数，以确定这两个视图何时重叠。

这是一个非常普遍的问题。。。然而，从我与react native的经历中，我确实有一些建议。通常，由于以下原因，无法在视图中看到零部件时：

• 如果您的UI组件（如视图、图像）处于“绝对”位置，请确保取消该属性并检查其渲染是否正确
• 如果它是一个较大的组件，由于某些原因无法渲染，请使用较小的较简单组件替换它，以查看其是否渲染，这样您就可以确保问题出现在视图中，而不是纯代码中。我通常只是放一个文本组件，里面有一些jibrish，只是为了测试这样的错误
• 如果组件是flexbox/内部组件-有时添加以下组合会有所帮助：

  flex:1
  为内容辩护：“中心”，
  将项目“居中”对齐，
  flexDirection:“行”

• 我无法解释它，但我删除了

  flex:1

  属性，这很有帮助，请务必检查

• 确保实际返回复杂内部循环中的项目。例如：

错：

myList.map（（item）=>{return{item}}）

正确：

return myList.map（（item）=>{return{item}}）

• 另外，请确保启用热重新加载和远程调试（震动设备）-非常有帮助，并使您的代码编写速度提高5倍

---

谢谢您的回复，但我的问题并不是关于造型。请参阅我的编辑以更好地解释此问题。