reactjs - 将组件放置在 React Native 中父组件的特定坐标上
问题描述
我正在尝试使用散布在画布的各个坐标上的组件(人物图像)来创建某种“画布”。
使用 onLayout 我得到了“画布”的精确坐标,并且可以从中计算出子组件的所需位置。
有没有办法以某种方式将子组件放置在这些特定坐标上?也许值得一提的是子组件是 Animated.Views 并且它们是可拖动的,但这一切都很好并且可以工作。谢谢!
解决方案
实现此目的的一种方法是将position
子组件的属性设置为absolute
. 然后,您可以使用top
、和属性将子级放置到特定坐标。left
right
bottom
此外,您需要将组件的position
属性设置为.parent
relative
推荐阅读
- ios - 如何使用swift 4在ios中使用Material Components实现多行文本字段
- amazon-web-services - 用于不同实例和相同端口的 aws 负载均衡器
- typo3 - Typo3 9.5:如何在 Fluid 中渲染某些页面的某些 colPos 的内容?
- c# - 查找 C# 类和 JSON 文件之间的差异
- javascript - 如何抑制来自 PhantomJS 的错误消息?
- java - 在 Spring boot 中动态配置 DataSourceBuilder url
- c# - Kentico:使用 TreeProvider.SelectNodes 对象检索内容时如何解析 Widget 的内容
- azure - 在 Azure 函数中设置 cors 标头
- javascript - 无法一步自动点击浏览器
- reactjs - 打字稿语法