WebView加载大图image时候显示不全

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了WebView加载大图image时候显示不全相关的知识,希望对你有一定的参考价值。

先将图片转成本地 html

const imgHtml = `<html>
<body style="width: 100%; height: 100%">
<img style="width: 100%; height: auto; margin: auto" src="${src}" onclick="window.postMessage(‘click‘)">//注:src是传入的图片src
</body>
</html>`;

使用

const imgHtml = this.getImgHtml(this.state.imageUrl);来获取本地的html,注:this.state.imageUrl是传入的图片URI

在使用source={{html: imgHtml}}调用即可





以上是关于WebView加载大图image时候显示不全的主要内容,如果未能解决你的问题,请参考以下文章

关于Android中WebView在加载网页的时候,怎样应用本地的CSS效果

android 关于WebView点击图片展示大图

android 关于WebView点击图片展示大图

大图加载神器--渐进式图片加载progressive-image

小程序image使用mode大图闪屏加载的问题

微信小程序调用数据库数据显示不全