flutter WebviewScafford网页加载

最新推荐文章于 2023-11-10 15:27:40 发布

qq_31535517

最新推荐文章于 2023-11-10 15:27:40 发布

阅读量349

点赞数

本文链接：https://blog.csdn.net/qq_31535517/article/details/103382830

版权

本文详细介绍了在Flutter中使用WebViewScaffold组件加载网页的方法，包括设置初始URL、处理页面加载进度、注入JavaScript以及实现网页与应用的交互。通过实例代码解析，帮助开发者掌握在Flutter应用中集成网页内容的关键步骤。

摘要由CSDN通过智能技术生成

显示WEB页面

import 'dart:convert';
import 'dart:io';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter_webview_plugin/flutter_webview_plugin.dart';
import 'package:http/http.dart' as http;

class WebViewDemo extends StatefulWidget {
  final String title;
  final String url;

  WebViewDemo({this.title, this.url});

  @override
  State<StatefulWidget> createState() {
    // TODO: implement createState
    return WebViewState();
  }
}

class WebViewState extends State<WebViewDemo> {
  var httpClient = new HttpClient();

  @override
  void initState() {
    // TODO: implement initState
    super.initState();
  }

  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return Scaffold(
      body: WebviewScaffold(
        url: this.widget.url,
        appBar: AppBar(
          elevation: 0,
          title: Text(this.widget.title),
          leading: GestureDetector(
            onTap: back,
            child: Icon(Icons.arrow_back_ios),
          ),
          actions: <Widget>[
            GestureDetector(
              onTap: () {

              },
              child: Icon(Icons.share),
            ),
          ],
        ),
        //是否缩放页面
        withZoom: true,
        //是否本地存储
        withLocalStorage: true,
        //默认状态隐藏
        hidden: true,
        initialChild: Container(
          child: Center(
            //ios菊花进度条 等网页加载结束后消失
            child: CupertinoActivityIndicator(),
          ),
        ),
      ),
    );
  }
  // 返回上个页面
  back() {
    print(this.widget.url);
    Navigator.pop(context);
  }
}