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

  • 相关阅读:
    数据结构(二)之链表
    数据结构(一)之数组,栈,队列
    记第一次学习Mybatis
    多线程基本实现方法(一)
    TCP三次握手及四次四次释放协议解析
    《绝不划水队》第一次作业:项目选题
    第一次博客作业
    vim cheatsheet
    js cheatsheet
    js re cheatsheet
  • 原文地址:https://www.cnblogs.com/zhangqie/p/10882364.html
Copyright © 2011-2022 走看看