【发布时间】:2019-08-30 13:10:10
【问题描述】:
我正在尝试创建某种“画布”,其组件(人物图像)分布在画布的各个坐标上。
使用 onLayout 我得到了“画布”的精确坐标,并且可以从中计算出子组件的所需位置。
有没有办法以某种方式将子组件放置在这些特定坐标上?也许值得一提的是子组件是 Animated.Views 并且它们是可拖动的,但这一切都很好并且可以工作。谢谢!
【问题讨论】:
标签: reactjs react-native react-animated
我正在尝试创建某种“画布”,其组件(人物图像)分布在画布的各个坐标上。
使用 onLayout 我得到了“画布”的精确坐标,并且可以从中计算出子组件的所需位置。
有没有办法以某种方式将子组件放置在这些特定坐标上?也许值得一提的是子组件是 Animated.Views 并且它们是可拖动的,但这一切都很好并且可以工作。谢谢!
【问题讨论】:
标签: reactjs react-native react-animated
实现此目的的一种方法是将子组件的position 属性设置为absolute。然后您可以使用top、left、right 和bottom 属性将孩子放置到特定坐标。
另外,您需要将parent 组件的position 属性设置为relative。
【讨论】: