flutter_webview_plugin插件的使用

flutter_webview_plugin插件的使用

1. 在pubspec.yaml文件中添加flutter_webview_plugin: ^0.3.8(记得加载最新版本)

2. 引入代码 import 'package:flutter_webview_plugin/flutter_webview_plugin.dart';

3. 核心代码：

   WebviewScaffold(
       url: 'xxx.com',
       withZoom: false, // 是否缩放 
       withLocalStorage: true,
       withJavascript: true,
       hidden: true,  //等待页面加载时显示其他小部件hiden配合initialChild使用
       initialChild: Center(
         child: CupertinoActivityIndicator(
             radius: 15.0,
             animating: true,
           ))
     );
   

4. 效果如下:

   

5. 整体代码：

   import 'package:flutter/material.dart';
   import 'package:flutter/cupertino.dart';
   import 'package:flutter_webview_plugin/flutter_webview_plugin.dart';
   
   class demo  extends StatelessWidget {
    
     @override
     Widget build(BuildContext context) {
       return Scaffold(
           appBar: AppBar(
             backgroundColor: Color.fromRGBO(180, 40, 45, 1),
             leading: IconButton(
                 icon: Icon(Icons.arrow_back),
                 onPressed: () {
                     Navigator.pop(context);
                 }),
             title: Text("xxx"), 
             centerTitle: true
           ),
           body: Container(
             child: webviewShow('xxx.com')
           )
       );
     }
   
     Widget webviewShow(data) {
       return WebviewScaffold(
           url: data,
           withZoom: false, // 是否缩放 
           withLocalStorage: true,
           withJavascript: true,
           hidden: true,  // 等待页面加载时显示其他小部件 hiden配合initialChild使用
           initialChild: Center(
             child: CupertinoActivityIndicator(
                 radius: 15.0,
                 animating: true,
               ))
         );
     }
   }