React Native:获取元素的位置

我正在Image用flexbox设置组件的样式,使其位于屏幕中央,效果很好。现在,我希望第二个Image组件直接显示在第一个组件的顶部。第二个图像使用绝对定位。目前,我只是在猜测像素是否适合它,但是当然这是不准确的,并且在可维护性方面付出了太多努力。

我正在寻找与jQuery等效的React Native .offset()有这样的事情吗?如果没有,实现这一目标的最佳方法是什么?

伽罗十三2020/03/18 18:41:34

使用引用进行计算时,这在最新版本的React Native中似乎已经改变。

以这种方式声明引用。

  <View
    ref={(image) => {
    this._image = image
  }}>

并以此方式找到价值。

  _measure = () => {
    this._image._component.measure((width, height, px, py, fx, fy) => {
      const location = {
        fx: fx,
        fy: fy,
        px: px,
        py: py,
        width: width,
        height: height
      }
      console.log(location)
    })
  }