首页 > 解决方案 > 将组件放置在 React Native 中父组件的特定坐标上

问题描述

我正在尝试使用散布在画布的各个坐标上的组件(人物图像)来创建某种“画布”。

使用 onLayout 我得到了“画布”的精确坐标,并且可以从中计算出子组件的所需位置。

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

标签: reactjsreact-nativereact-animated

解决方案


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

此外,您需要将组件的position属性设置为.parentrelative


推荐阅读