在 React Native 中将组件放置在父组件的特定坐标上

Question

我正在尝试创建某种类型的 'canvas'，其中的组件（人物图像）分布在 canvas 的各种坐标上。

使用 onLayout 我得到了 'canvas' 的精确坐标，并且可以从中计算子组件的所需位置。

有没有办法以某种方式将子组件放置在那些特定的坐标上？也许值得一提的是子组件是 Animated.Views 并且它们是可拖动的，但这一切都很好并且可以正常工作。谢谢！

Answer 1

实现此目的的一种方法是将子组件的 position 属性 设置为 absolute。然后您可以使用 top、left、right 和 bottom 属性将子项放置到特定坐标。

此外，您需要将 parent 组件的 position 属性 设置为 relative。