flutter_webview_plugin basic example

login.dart

import 'package:flutter/material.dart';
import 'package:flutter_webview_plugin/flutter_webview_plugin.dart';

class Login extends StatefulWidget {
  Login({Key key}) : super(key: key);

  @override
  _MyLoginPageState createState() => _MyLoginPageState();
}


class _MyLoginPageState extends State<Login> {
  String _statusText = "Signing you in...";

  @override
  initState() {
    super.initState();
    
    FlutterWebviewPlugin webView = new FlutterWebviewPlugin();

    webView.onHttpError.listen((error) {
      print("HTTP error: Code = ${error.code}");
    });

    webView.onUrlChanged.listen((url) {
      print("URL changed: URL = $url");
    });
    
    webView.onStateChanged.listen((state) {
      print("State changed: URL = ${state.url}");
    });
  
    webView.launch("https://google.com", hidden: false).then((data) {
      print("Webview launch");
    });

    webView.show();
  }

  @override
  Widget build(BuildContext context) {

    return Scaffold(
      backgroundColor: Colors.blue,
      body: Center(
        child: Column(
          mainAxisSize: MainAxisSize.min,
          children: [
            Text(_statusText,
              style: TextStyle(
                color: Colors.white, 
                fontSize: 20
              )
            ),
            Container(
                padding: EdgeInsets.all(15.0),
                child: CircularProgressIndicator(
                  valueColor: AlwaysStoppedAnimation<Color>(Colors.white)
                )
            )
          ]
        )
      )
    );
  }

}

Thanks, good gist.

Could you also provide a way to avoid status bar overlapping?

Image here