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

在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 {@overrideWidget 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并加载URLreturn new WebviewScaffold(url:"https://blog.csdn.net/dickyqie",// 登录的URLappBar: new AppBar(title: new Row(mainAxisAlignment: MainAxisAlignment.center,children: titleContent,),iconTheme: new IconThemeData(color: Colors.white),),withZoom: true,// 允许网页缩放withLocalStorage: true,// 允许LocalStoragewithJavascript: true, // 允许执行js代码
    );}
}

WebView库详细的说明文档

https://pub.dev/packages/flutter_webview_plugin

转载于:https://www.cnblogs.com/zhangqie/p/10882364.html

Flutter ------- WebView加载网页相关推荐

Flutter webview加载视频无法全屏
Flutter webview加载视频无法全屏先上个github的链接吧:https://github.com/flutter/flutter/issues/27101#issuecomment-5 ...
android动态设置错误页面,Android中替换WebView加载网页失败时的页面
我们用webView去请求一个网页链接的时候,如果请求网页失败或无网络的情况下,它会返回给我们这样一个页面,如下图所示: 上面这个页面就是系统自带的页面,你觉得是不是很丑?反正小编本人觉得非常丑,很难 ...
webview加载html跳转,WebView加载网页（二）
WebView加载网页(二) 一.实现目标 1.实现一个页面activity_main.xml,该页面上面有一个TextView和两个WebView,一个WebView显示百度首页,另一个WebVie ...
webview加载html图片不显示图片,WebView加载网页不显示图片解决办法
对于大家来讲WebView肯定很熟悉,因为我们在日常开发中经常用到它.所以对于它的一些基本用法我就不在这啰嗦了,直接进入正题. 我遇到的问题就是在使用WebView加载网页的时候图片不显示(我手机系统 ...
webview加载网页，tel协议不会调出拨号盘？该如何处理
webview加载网页,tel协议不会调出拨号盘? 在窗体上放了一个Webview: public void onCreate(Bundle savedInstanceState) { ...
Webview加载网页时出现NET::ERR_CACHE_MISS的错误
当使用webview加载网页时我们会遇到网页加载出错,出现NET::ERR_CACHE_MISS的错误,解决方法只需要在你工程的AndroidManifest.xml文件中加入联网的权限 <us ...
webview加载网页空白或者不全的问题
背景是:这几天项目上线,去项目支持,本人是做安卓开发的,用的是混合开发,webview加载网页偶尔显示不全,只显示网页的背景色,还真是第一次碰见这个问题.IOS没有这个问题,还以为是webview的问 ...
android WebView加载网页白屏问题优化处理
android WebView加载网页白屏问题优化处理问题描述: 使用webview加载Web界面时,会出现界面白屏的情况.http下通常问题不大,通常https白屏的可能性很大,而且通常没有任何报 ...
微信小程序web-view加载网页字体非常小的问题
一.问题如下图所示,微信小程序web-view加载网页的字体非常小: 二.问题解决,在网页中加上 <meta name=viewport content="width=device-w ...

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

Flutter ------- WebView加载网页相关推荐

最新文章

热门文章