欢迎来到尧图网

客户服务 关于我们

您的位置:首页 > 财经 > 产业 > Android ScrollView嵌套X5WebView大片空白问题

Android ScrollView嵌套X5WebView大片空白问题

2025/2/12 20:55:28 来源:https://blog.csdn.net/leverage2009/article/details/145110948  浏览:    关键词:Android ScrollView嵌套X5WebView大片空白问题

scrollview嵌套后webview的高度不可控。留有大片空白。

注:官方不建议scrollview嵌套webview 最好让webview自身滚动

解决方案:

act_news_detail_wv.setWebViewClient(new WebViewClient() {@Overridepublic void onPageFinished(WebView webView, String s) {super.onPageFinished(webView, s);new Handler.postDelayed(new Runnable() {@Overridepublic void run() {                         webView.loadUrl("javascript:AndroidWebView.resize(document.body.getBoundingClientRect().height)");}}, 800);}}
}

1. 在页面加载完成之后让页面重新刷新高度

有些视频封面图较短,视频较长,部分手机视频加载之后刷新页面,高度不同导致视频截断,不能根本解决问题,弃用该方法

2. 富文本加载可直接改变富文本将想加入的内容加入 减少层级 从而不使用scrollview

能解决问题,但实际APP开发中总是碰到需要嵌套的需求

3. 富文本最好带有标签 没有可以代码加入

private String getHtmlData(String bodyHTML) { String head = "<head>" + "<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, user-scalable=no\"> " + "<style>img{max-width: 100%; width:auto; height:auto;}" + "video{max-width: 100%; width:auto; height:auto;}</style>" + "</head>";         return "<html>" + head + "<body>" + bodyHTML + "</body></html>"; 
}

能解决问题,html代码中img和video标签不要另外设置width和height属性,不然还是会出现空白

4. 网页加载可选择原生的webview。

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com