【Flutter】webview_flutter使用详解

文章目录

  • 前言
  • 一、如何使用


前言

webview_flutter是Flutter官方推出的一款用于Flutter上的webview插件,该插件在 iOS 用的是WKWebView 支持; 在 Android 上用的是系统WebView。

插件地址:https://pub.dev/packages/webview_flutter


一、如何使用

第一步:在项目根目录下运行如下命令配置依赖

flutter pub add webview_flutter

第二步:导入
在需要使用WebView的页面添加:

import ‘package:webview_flutter/webview_flutter.dart’;

第三步:初始化一个WebViewController

void initState() {super.initState();_initWebViewController();}void _initWebViewController() {controller = WebViewController()..setJavaScriptMode(JavaScriptMode.unrestricted)..setBackgroundColor(const Color(0x00000000))..setNavigationDelegate(NavigationDelegate(onProgress: (int progress) {// Update loading bar.},onPageStarted: (String url) {},onPageFinished: (String url) {//页面加载完成后才能执行js_handleBackForbid();},onWebResourceError: (WebResourceError error) {},onNavigationRequest: (NavigationRequest request) {return NavigationDecision.navigate;},),)..loadRequest(Uri.parse('https://www.geekailab.com'));}

第四步:将WebViewController传递给WebViewWidget

Widget build(BuildContext context) {return Scaffold(appBar: AppBar(title: const Text('Flutter Simple Example')),body: WebViewWidget(controller: controller),);}

API说明
WebViewController提供的API

///是否启用JavaScript执行,默认不启用
Future<void> setJavaScriptMode(JavaScriptMode javaScriptMode);
///设置webview的背景色
Future<void> setBackgroundColor(Color color);
/// 当WebView的导航状态发生变化时会回调此方法,在此法中可以进行跳转拦截;
/// 这里的 NavigationDecision.prevent表示阻止路由替换,NavigationDecision.navigate表示允许路由替换
Future<void> setNavigationDelegate(NavigationDelegate delegate);
///加载一个URL
/// uri:可以通过Uri.parse(url)来将url转成uri
/// method:支持get请求和post请求两种,默认为get
/// headers:发起url加载是携带的header信息,根据请求的网站要求进行传递
/// body:发起url请求是携带的body信息,可空
Future<void> loadRequest(Uri uri, {LoadRequestMethod method = LoadRequestMethod.get,Map<String, String> headers = const <String, String>{},Uint8List? body,
})
///设置WebView 是否应支持使用其屏幕缩放控件和手势进行缩放,默认支持;
Future<void> enableZoom(bool enabled);
///用于设置HTTP User-Agent: 请求标头的值
Future<void> setUserAgent(String? userAgent);
///返回此 WebView 的历史记录。
/// 如果没有返回历史记录项,则这是一个无操作。
Future<void> goBack();
/// 返回 WebView 正在显示的当前 URL。
/// 如果没有加载过 URL,则返回 `null`。
Future<String?> currentUrl();
///运行JS代码,javaScript,要运行的JS代码
Future<void> runJavaScript(String javaScript);
/// 运行JS代码并接收运行结果
/// javaScriptString:要运行的JS代码
/// 返回:JS运行的结果
Future<Object> runJavaScriptReturningResult(String javaScript);
/// 重新加载当前URL
Future<void> reload();
/// 判断是否可以返回历史记录的上一页
Future<bool> canGoBack();
/// 返回历史记录的上一页
Future<void> goBack();
/// 判断是否可以去往历史记录的下一页
Future<bool> canGoForward();
///跳转到历史记录的下一页
Future<void> goForward();

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/pingmian/3719.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

python提取date的月份和天数

在Python编程中&#xff0c;经常需要从日期中提取月份和天数。这在数据处理、分析和可视化等领域都是非常常见的操作。 本文将介绍如何使用Python提取日期中的月份和天数&#xff0c;并通过代码示例展示具体的实现方法。 1.使用datetime模块获取日期信息 要提取日期的月份和天…

TypeScript 项目报错Projects must list all files or use an include pattern

文章目录 原因分析解决方案使用include和exclude使用files 总结 这条错误信息&#xff1a;“Projects must list all files or use an include pattern”通常与TypeScript项目的配置有关&#xff0c;特别是在处理 tsconfig.json文件时。这个错误提示你需要在 tsconfig.json中…

c++ vec3b运算

文章目录 1. 两个Vec3b点乘后相加求和&#xff1a;ddot()2. 两个Vec3b不同却相减为0 1. 两个Vec3b点乘后相加求和&#xff1a;ddot() Vec3b v1 img.at<Vec3b>(0, 0); Vec3b v2 img.at<Vec3b>(0, 1); cout << "v1:" << v1 << endl; …

安卓手机连接电脑实用技巧:实现文件传输与共享

在手机使用过程中&#xff0c;我们常常需要将手机中的文件传输到电脑&#xff0c;或者将手机与电脑进行共享。为了实现这一需求&#xff0c;掌握一些实用的安卓手机连接电脑技巧就显得尤为重要。本文将为您详细介绍2种简单、高效且安全的方法&#xff0c;让您轻松实现安卓手机与…

【Python系列】受保护属性

&#x1f49d;&#x1f49d;&#x1f49d;欢迎来到我的博客&#xff0c;很高兴能够在这里和您见面&#xff01;希望您在这里可以感受到一份轻松愉快的氛围&#xff0c;不仅可以获得有趣的内容和知识&#xff0c;也可以畅所欲言、分享您的想法和见解。 推荐:kwan 的首页,持续学…

Scala 04 —— Scala Puzzle 拓展

Scala 04 —— Scala Puzzle 拓展 文章目录 Scala 04 —— Scala Puzzle 拓展一、占位符二、模式匹配的变量和常量模式三、继承 成员声明的位置结果初始化顺序分析BMember 类BConstructor 类 四、缺省初始值与重载五、Scala的集合操作和集合类型保持一致性第一部分代码解释第二…

SSLHandshakeException: Remote host closed connection during handshake异常处理

请求第三方https接口出现SSLHandshakeException: Remote host closed connection during handshake问题&#xff0c;本地正常&#xff0c;服务器异常。原因是服务器jdk版本是jdk1.8_40 现阶段找到三个方案&#xff0c;第一个是jdk1.8_151版本 添加或者修改Java\jre\lib\securit…

VIO外参标定方法总结

一、前言 VIO外参标定是指相机和IMU之间的转移矩阵的确定&#xff0c;包括33的旋转矩阵和3维平移向量。整体上分为离线标定和在线标定两类方法&#xff0c;这篇文章做一个总结&#xff0c;主要是经典的方法&#xff0c;记录其思想。 二、博文链接 1、离线标定方法 最基本的…

抖音小店想要快速出单,必须做好这两点,这也是做店的两大核心。

大家好&#xff0c;我是电商糖果 很多刚开店的新手商家&#xff0c;都会发现店铺运营并没有网上说的这么简单。 店铺开好之后&#xff0c;是不会自己爆单的。 但是会有很多人说&#xff0c;为什么别人的店铺就可以很快的出单&#xff0c;然后爆单呢&#xff1f; 那些开电商…

安装svn网络有问题怎么办?

&#x1f3c6;本文收录于「Bug调优」专栏&#xff0c;主要记录项目实战过程中的Bug之前因后果及提供真实有效的解决方案&#xff0c;希望能够助你一臂之力&#xff0c;帮你早日登顶实现财富自由&#x1f680;&#xff1b;同时&#xff0c;欢迎大家关注&&收藏&&…

2024最新Nessus 免费安装 附详细安装教程

免责声明 请勿利用文章内的相关技术从事非法测试。由于传播、利用此文所提供的信息而造成的任何直接或者间接的后果及损失&#xff0c;均由使用者本人负责&#xff0c;作者不为此承担任何责任&#xff0c;请遵守网络安全法律。本次仅用于测试&#xff0c;请完成测试后24小时之…

Reactjs常用组件

1 react 1.1 useState 让函数组件具有维持状态的能力 const[count, setCount]useState(0); 1.2 useEffect 执行副作用&#xff0c;useEffect 的第二个参数告诉 React 用到了哪些外部变量 类似于Vue watch的作用 useEffect(fn, deps); 1.每次 render 后执行&#xff1a;不…

从零入门区块链和比特币(第二期)

欢迎来到我的区块链与比特币入门指南&#xff01;如果你对区块链和比特币感兴趣&#xff0c;但不知道从何开始&#xff0c;那么你来对地方了。本博客将为你提供一个简明扼要的介绍&#xff0c;帮助你了解这个领域的基础知识&#xff0c;并引导你进一步探索这个激动人心的领域。…

4.25 作业

#1、创建g1组&#xff0c;要求创建一个属于redhat用户g1组的文件redhat.txt [rootlocalhost ~]# groupadd g1 [rootlocalhost ~]# touch /root/redhat.txt [rootlocalhost ~]# ll /root/redhat.txt -rw-r--r--. 1 root root 0 4月 26 20:19 /root/redhat.txt [rootlocalhost ~…

不对称催化(三)- 动态动力学拆分动态动力学不对称转化

一、动力学拆分的基本概念&#xff1a; 动力学拆分的最大理论产率为50%&#xff0c;通过的差异可以将两个对映异构体转化为不同构型的产物&#xff0c;通常情况下使用两个不同反应路径来实现。但是化学家们提供了一个更加实用的方法&#xff0c;通过底物的构型变化实现高于50%的…

3.1设计模式——Chain of Responsibility 责任链模式(行为型)

意图 使多个对象都有机会处理请求&#xff0c;从而避免请求的发送者和接受者之间的耦合关系&#xff0c;将这些对象练成一条链&#xff0c;并沿着这条链传递请求&#xff0c;直到有一个对象处理它为止。 实现 其中 Handle定义一个处理请求的接口&#xff1a;&#xff08;可选…

【Linux】如何进行用户之间的切换——指令su

&#x1f490; &#x1f338; &#x1f337; &#x1f340; &#x1f339; &#x1f33b; &#x1f33a; &#x1f341; &#x1f343; &#x1f342; &#x1f33f; &#x1f344;&#x1f35d; &#x1f35b; &#x1f364; &#x1f4c3;个人主页 &#xff1a;阿然成长日记 …

上网行为管理软件有哪些(5大好用的上网行为监控软件盘点)

企业对于员工工作效率和网络安全的关注度不断提升&#xff0c;上网行为管理软件成为了许多企业的必备工具。这些软件能够实时监控员工的网络活动&#xff0c;帮助企业提高生产力、防止数据泄露&#xff0c;并维护良好的网络环境。 本文将介绍五款大受欢迎的上网行为监控软件&am…

LabVIEW轴承表面缺陷检测系统

LabVIEW轴承表面缺陷检测系统 为了解决轴承生产中人工检测效率低下、误检率高的问题&#xff0c;实现了一套基于LabVIEW的轴承表面缺陷自动检测系统。该系统利用工业相机采集轴承图像&#xff0c;通过图像处理技术对轴承表面的划痕缺陷和倒角缺陷进行自动识别和分析&#xff0…

Pytorch重点概念笔记:都是本人学习中真实遇到的(一)

1.torch.squeeze的原理参数和使用方法 torch.squeeze 是PyTorch中的一个函数,用于减少张量的维数,具体来说,它会移除所有维数为1的维度。这个操作通常用于处理那些在特定操作(如卷积或池化)后可能产生不必要的单维度张量。 原理: 在某些情况下,张量操作会生成形状中包…