Android ScrollView嵌套X5WebView大片空白问题_android recyclerview 条目里嵌套webview 滑动条目会出现留白-优快云博客

本文链接：https://blog.youkuaiyun.com/leverage2009/article/details/145110948

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

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

解决方案：

act_news_detail_wv.setWebViewClient(new WebViewClient() {
    @Override
    public void onPageFinished(WebView webView, String s) {
        super.onPageFinished(webView, s);
        new Handler.postDelayed(new Runnable() {
            @Override
            public 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。