美文网首页RN知识
RN-放大图片(单张)

RN-放大图片(单张)

作者: 精神病患者link常 | 来源:发表于2018-08-01 11:49 被阅读130次
Untitled.gif

用法

<ShowBigImage dismissFunc={this.dismissBigImageClick} //点击图片的func
              imageUrl={this.state.bigImageUrl} //图片的url
              imageX={this.state.bigImageX} //当前点击图片的X
              imageY={this.state.bigImageY} //当前点击图片的Y
              imageWidth= {this.state.imageWidth} //当前点击图片的Width
              imageHeight= {this.state.imageHeight} //当前点击图片的Height
/>

另:获取点击图片的坐标大小(绝对位置)

let handle= findNodeHandle(this.refs.imageRef1);
UIManager.measureInWindow(handle, (x,y,w,h)=>{
            console.log(x);
            console.log(y);
            console.log(w);
            console.log(h);
        });

RN-showBigImage

相关文章

网友评论

    本文标题:RN-放大图片(单张)

    本文链接:https://www.haomeiwen.com/subject/ummlvftx.html