Getting White page Before my Webview loads in Android Webview App

Question

I am beginner in Android development,I am facing issue that I am getting white page before my webview loads.So I would like to remove this white page so that after the splash screen it will load webview instead of white page , please help me in fixing this .

Here is my Mainactivity.java Source Code :

import android.annotation.SuppressLint;
import android.app.Activity;
import android.app.AlertDialog;
import android.content.Context;
import android.graphics.Color;
import android.net.ConnectivityManager;
import android.net.NetworkInfo;
import android.os.Build;
import android.os.Bundle;
import android.util.DisplayMetrics;
import android.view.KeyEvent;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.view.ViewTreeObserver;
import android.webkit.WebSettings;
import android.webkit.WebView;
import android.webkit.WebViewClient;
import android.app.Activity;
import android.os.Bundle;
import android.os.Handler;
import android.support.v4.widget.SwipeRefreshLayout;
import android.util.Log;
import android.webkit.WebView;
import android.webkit.WebViewClient;
import android.widget.ProgressBar;

import java.lang.reflect.Field;

@SuppressLint("SetJavaScriptEnabled")
@SuppressWarnings("ResourceAsColor")



public class MainActivity extends Activity {



    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);



        final SwipeRefreshLayout swipeView =(SwipeRefreshLayout)findViewById(R.id.container);
        ConnectivityManager cManager = (ConnectivityManager) getSystemService(this.CONNECTIVITY_SERVICE);
        NetworkInfo nInfo = cManager.getActiveNetworkInfo();

            //assign myWebView to webView
            final WebView myWebView = (WebView) findViewById(R.id.webView);


            //Load page URL
            myWebView.loadUrl("https://mobile-tech2dsk.blogspot.in");

            //Enable Javascript
            WebSettings webSettings = myWebView.getSettings();
            webSettings.setJavaScriptEnabled(true);

            //Link opens in the Webview

            myWebView.setWebViewClient(new WebViewClient(){






                public void onPageFinished(WebView view, String url) {
                    // do your stuff here

                    swipeView.setRefreshing(false);
                }



                @Override
                public void onReceivedError(WebView view, int errorCode, String description, String failingUrl) {
                    super.onReceivedError(view, errorCode, description, failingUrl);
                    myWebView.loadUrl("file:///android_asset/error.html");

                }
            });



        swipeView.setColorScheme(android.R.color.holo_blue_dark,android.R.color.holo_blue_light);

        swipeView.setOnRefreshListener(new SwipeRefreshLayout.OnRefreshListener()
        {



            @Override
            public void onRefresh()
            {
                swipeView.setRefreshing(true);

                ( new Handler()).postDelayed(new Runnable()
                {
                    @Override
                    public void run()
                    {
                        myWebView.loadUrl( "javascript:window.location.reload( true )" );

                    }
                }, 2000);
            }
        });

        }

    //Adding go back button for page history
    @Override
    public boolean onKeyDown(int keyCode, KeyEvent event) {

        //assign myWebView to webView
        WebView myWebView = (WebView) findViewById(R.id.webView);

        // Check if the key event was the Back button and if there's history
        if ((keyCode == KeyEvent.KEYCODE_BACK) && myWebView.canGoBack()) {
            myWebView.goBack();
            return true;
        }
        // If it wasn't the Back key or there's no web page history, bubble up to the default
        // system behavior (probably exit the activity)
        return super.onKeyDown(keyCode, event);
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {

        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.menu_main, menu);
        return true;
    }

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        // Handle action bar item clicks here. The action bar will
        // automatically handle clicks on the Home/Up button, so long
        // as you specify a parent activity in AndroidManifest.xml.
        int id = item.getItemId();
        if (id == R.id.action_settings) {
            return true;
        }
        return super.onOptionsItemSelected(item);
    }

    }

Here is my Activity_Main.xml code:

<android.support.v4.widget.SwipeRefreshLayout    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/container"
    android:layout_width="match_parent"
    android:layout_height="match_parent"

    tools:context=".MainActivity" >




                <WebView
                    android:id="@+id/webView"
                    android:layout_width="fill_parent"
                    android:layout_height="wrap_content" />


</android.support.v4.widget.SwipeRefreshLayout>

your page need time to load the page that's why you are seeing the white page . — Zahidul Islam, May 05 '16 at 06:33
share your xml layout.. Refer this for adding progress bar : http://stackoverflow.com/a/4331437/6127411 — Janki Gadhiya, May 05 '16 at 06:46

Tosin Onikute · Accepted Answer · 2016-05-05T08:19:07.157

It seems, your webview is taking time to load the webpage, so you should add a progress bar instead.

You can add your progress bar like this

In your Java code

final ProgressDialog dialog = new ProgressDialog(MainActivity.this,R.style.MyProgressBar);
        dialog.setCancelable(false);
        dialog.setMessage("Loading Your Screen");
        dialog.setProgressStyle(android.R.style.Widget_ProgressBar_Small);
        dialog.show();

myWebView.setWebViewClient(new WebViewClient() {
            public void onReceivedError(WebView view, int errorCode, String description, String failingUrl) {
                Toast.makeText(getApplicationContext(), description, Toast.LENGTH_SHORT).show();
            }

            public void onPageStarted(WebView view, String url, Bitmap favicon) {
                //dialog.setMessage("Almost done...");
            }

            public void onPageFinished(WebView view, String url) {

                dialog.cancel();
            }

        });

// Load your Url
webView.loadUrl("Your Url");

Then you can add your styling, if you want

In your XML styles.xml

<style name="MyProgressBar" parent="android:Theme.Holo.Dialog">
        <item name="android:alertDialogStyle">@style/CustomAlertDialogStyle</item>
        <item name="android:windowBackground">@color/transparent</item>
        <item name="android:textColorPrimary">#FFFFFF</item>
        <item name="android:backgroundDimEnabled">false</item>
        <item name="android:textColor">#FFFFFF</item>
        <item name="android:textStyle">normal</item>
        <item name="android:textSize">15sp</item>
    </style>

Your custom Dialog style

<style name="CustomAlertDialogStyle">
        <item name="android:bottomBright">@color/blue</item>
        <item name="android:bottomDark">@color/blue</item>
        <item name="android:bottomMedium">@color/blue</item>
        <item name="android:centerBright">@color/blue</item>
        <item name="android:centerDark">@color/blue</item>
        <item name="android:centerMedium">@color/blue</item>
        <item name="android:fullBright">@color/blue</item>
        <item name="android:fullDark">@color/blue</item>
        <item name="android:topBright">@color/blue</item>
        <item name="android:topDark">@color/blue</item>
    </style>

In your colors.xml

<resources>
    <color name="transparent">#00000000</color>
    <color name="blue">#00695C</color>
</resources>

tried this this dialog isalso showing after my webview loaded — Rohith Manchikalapati, May 05 '16 at 07:24
i used Runnable progressRunnable = new Runnable() { @Override public void run() { dialog.cancel(); } }; Handler pdCanceller = new Handler(); pdCanceller.postDelayed(progressRunnable, 4000); to controll the progress dialog — Rohith Manchikalapati, May 05 '16 at 08:28
Wait, this is like "Set Time Out" you just did in your postDelayed Runnable code ! so what if your internet is slow, and it takes more than 4 seconds to load your webpage??? — Tosin Onikute, May 05 '16 at 08:42

Getting White page Before my Webview loads in Android Webview App

1 Answers1