1.安装webview_flutter

dependencies:
  webview_flutter: ^0.3.9+1

2.android中需要添加网络权限才能使用不然报错在xml中添加

image.png

<uses-permission android:name="android.permission.INTERNET" />

3.ios中在ios/Runner/Info.plist中添加

<key>io.flutter.embedded_views_preview</key>
<string>YES</string>*

4.使用webView_flutter

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


class WebViewPage extends StatefulWidget {
  String url;
  final String title;

  WebViewPage({this.url, this.title});

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

class _WebViewState extends State<WebViewPage> {
  @override
  void initState() {
    super.initState();
  }

  @override
  void dispose() {

    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Stack(
        children: <Widget>[
          new WebView(
            initialUrl: widget.url, // 加载的url
            onWebViewCreated: (WebViewController web) {
              // webview 创建调用，
             web.loadUrl(url)；此时也可以初始化一个url
            web.canGoBack().then((res){
                print(res); // 是否能返回上一级
             });
             web.currentUrl().then((url){
               print(url);// 返回当前url
             });
             web.canGoForward().then((res){
               print(res); //是否能前进
             });
            },
            onPageFinished: (String value) {
              // webview 页面加载调用
            },
          )
        ],
      ),
    );
  }
 }

详细代码flutter_github

简书代码实战：Flutter仿GitHubPopular