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

Question

我正在尝试创建某种“ Canvas ”，其中的组件(人物图像)分布在 Canvas 的各个坐标上。

使用 onLayout 我获得了“ Canvas ”的精确坐标，并可以根据该坐标计算出子组件的所需位置。

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

Answer 1

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

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