码迷,mamicode.com
首页 > Web开发 > 详细

Flutter ------- WebView加载网页

时间:2019-06-09 22:31:43      阅读:132      评论:0      收藏:0      [点我收藏+]

标签:关于我   image   rri   pack   override   关于   storage   显示   info   

在Flutter 加载网页?也是有WebView的哦,和Android一样


1.添加依赖

dependencies:
flutter_webview_plugin: ^0.2.1+2

2.导入库

import ‘import ‘package:flutter_webview_plugin/flutter_webview_plugin.dart‘; //导入前需要配置

效果图:

技术图片


代码:

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

class WebMain extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    List<Widget> titleContent = [];
    titleContent.add(new Text(
      "关于我们",
      style: new TextStyle(color: Colors.white),
    ));
    titleContent.add(new Container(width: 50.0));
    // WebviewScaffold是插件提供的组件,用于在页面上显示一个WebView并加载URL
    return new WebviewScaffold(
      url:"https://blog.csdn.net/dickyqie",
      // 登录的URL
      appBar: new AppBar(
        title: new Row(
          mainAxisAlignment: MainAxisAlignment.center,
          children: titleContent,
        ),
        iconTheme: new IconThemeData(color: Colors.white),
      ),
      withZoom: true,
      // 允许网页缩放
      withLocalStorage: true,
      // 允许LocalStorage
      withJavascript: true, // 允许执行js代码
    );
  }
}

 


WebView库 详细的说明文档

https://pub.dev/packages/flutter_webview_plugin

Flutter ------- WebView加载网页

标签:关于我   image   rri   pack   override   关于   storage   显示   info   

原文地址:https://www.cnblogs.com/zhangqie/p/10882364.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!