React Native学习-measure测量view的宽高值

Posted 2020-08-03 YZ-M

measure()测量是根据view标签中的ref属性，使用方法如下：

measureWatermarkerImage(){
 this.refs.watermarkerImage.measure((a, b, width, height, px, py) =>
     this.setState({watermarkerImageWidth: width})
  );
}

with：宽；height：高；px：x轴方向距离左边多少像素；py：y轴方向距离上边多少像素；

根据项目需要，如果需要在页面加载完成后进行测量view，就需要使用setTimeout()：

componentDidMount() {
    setTimeout(this.measureWatermarkerImage.bind(this));
};