React Native: Getting the position of an element

Question

I am styling an Image component with flexbox to be in the center of the screen which works pretty well. Now I want a second Image component to be d

Answer 1

This seems to have changed in the latest version of React Native when using refs to calculate.

Declare refs this way.

   {
    this._image = image
  }}>

And find the value this way.

  _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)
    })
  }