Activity中的fragment加载webview 出现空白

最新推荐文章于 2026-07-19 16:18:08 发布

原创最新推荐文章于 2026-07-19 16:18:08 发布 · 6.1k 阅读

2 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

记录

在开发中遇到了加载fragment出现空白的问题，刚开始并没有判断出是因为里面webview的原因。具体界面情况是在一个activity中有两个fragment，然后点击对应的按钮，切换fragment, fragment中的布局有webview和其他按钮。

fragment的添加我使用了show 和hide因为我需要向fragment中发送广播，所以需要 fragment一直存在，replace的话，每replace一次便会重新走fragment的生命周期，可能会收不到广播。所以在activity中onCreate方法中将两个fragment初始化并添加了进去。

然后我在点击第二个按钮，将第一个碎片hide(),第二个碎片show()之后，发现页面是空白的,内容并没有加载出来，以为是第二个fragemnt并没有show,但是发现fragment中的布局除了webview中的内容外，其他控件都出来了，因此判断是webview加载出现了问题。

在网上搜索之后，发现通常的解决方法有两种，一是将最外层的linearLayout改为frameLayout,例如这种

使用FrameLayout代替LinearLayout，此时不会像android.R.id.content覆盖掉原布局的东西，而是根据FrameLayout所在layout进行布局

[html] view plain copy

<FrameLayout
android:id="@+id/my_fragment"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
/>

由于我的布局中还有其他控件并不只是一个webvie ,然后我在frameLayout中添加了一个LinearLayout，把控件加到了linearLayout中，运行之后发现，仍然未加载出来。

第二种的解决方式是使用android.R.id.content，代替你的布局id,也就是我们通常设置的setContentView（）方法，具体的使用像这样

使用android.R.id.content，代替你的布局，我的是LinearLayout，但是使用android.R.id.content，Fragment会覆盖原布局的内容，此内容不会清除。

[java] view plain copy

getFragmentManager().beginTransaction().add(android.R.id.content,one,"qe").commit();

其中也提到了，使用之后会覆盖你最开始布局内容，因为是在根布局上加的，所以会覆盖最开始在 setContentView（）中的内容，该方法对我也不适用。

在使用fragment的hide()和show()方法时，会重走一个 onHiddenChanged()方法，既然webview没有将我们需要的内容进行加载，那可以在重走onHiddenChanged()方法时让webview重新加载内容，所以我是如下解决的：

@Override
public void onHiddenChanged(boolean hidden) {
    super.onHiddenChanged(hidden);
    
   if (hidden) {
    //写需要的逻辑
    } else {
        if (dealChartBean.getyPoint() != null && dealChartBean.getyPoint().size() > 0) {
            //加载webview
            mWebView.loadUrl("file:///android_asset/jsWeb/echarts.html");
            mWebView.setWebViewClient(new WebViewClient() {
                @Override
                public void onPageFinished(WebView view, String url) {
                    JSONObject obj = stringJSon.optJSONObject("option");
                    useJSMethod(obj);
                    super.onPageFinished(view, url);
                }

                @Override
                public boolean shouldOverrideUrlLoading(WebView view, String url) {
                    view.loadUrl(url);
                    return true;
                }
            });
            mWebView.setVisibility(View.VISIBLE);
            mTVNoData.setVisibility(View.GONE);
        }
    }
}

再次运行之后发现，可以加载出内容。在此记录（ps 将截图上传博客  发布之后发现 截图没了，这是csdn的bug吗？？？）