zoukankan      html  css  js  c++  java
  • 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 {
      @override
      Widget build(BuildContext context) {
        List<Widget> titleContent = [];
        titleContent.add(new Text(
          "关于我们",
          style: new TextStyle(color: Colors.white),
        ));
        titleContent.add(new Container( 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

  • 相关阅读:
    SQL带参数拼接
    ASP.NET+ashx+jQuery动态添加删除表格
    ASP.NET中常用重置数据的方法
    多表联合查询
    zTree在Asp.Net中的使用
    ASP.NET中常用方法
    DropDownList
    (转)一个form表单实现提交多个action
    svn简单用法
    每日三问
  • 原文地址:https://www.cnblogs.com/zhangqie/p/10882364.html
Copyright © 2011-2022 走看看