【问题标题】:Place component on specific coordinates of a parent component in React Native将组件放置在 React Native 中父组件的特定坐标上
【发布时间】:2019-08-30 13:10:10
【问题描述】:

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

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

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

【问题讨论】:

    标签: reactjs react-native react-animated


    【解决方案1】:

    实现此目的的一种方法是将子组件的position 属性设置为absolute。然后您可以使用topleftrightbottom 属性将孩子放置到特定坐标。

    另外,您需要将parent 组件的position 属性设置为relative

    【讨论】:

    • 谢谢,我知道了。这是迄今为止最好的答案,但我想知道是否可以使用坐标而不是绝对定位来放置,因为它取决于组件层次结构、父级、其他定位等。
    猜你喜欢
    • 1970-01-01
    • 2021-03-21
    • 2020-11-13
    • 1970-01-01
    • 1970-01-01
    • 2020-01-05
    • 2017-12-06
    • 2021-08-25
    • 1970-01-01
    相关资源
    最近更新 更多