React Native Learning-measure measuring the width and height of a view

The measure () measurement is based on the ref attribute in the view tag, using the following method:

Measurewatermarkerimage () {
This.refs.watermarkerImage.measure ((A, B, width, height, px, py) = =
     This.setstate ({watermarkerimagewidth:width})
 );
}

With: wide; height: high; px:x axis direction distance to the left how many pixels; py:y axis direction distance from the top of how many pixels;

Depending on your project needs, if you need to measure the view after the page is loaded, you need to use settimeout ():

Componentdidmount () {
    SetTimeout (This.measureWatermarkerImage.bind (this));
};

React Native Learning-measure measuring the width and height of a view