Flutter 开发实际问题解决之webview_flutter加载html字符串

最新推荐文章于 2024-07-28 16:25:40 发布
最新推荐文章于 2024-07-28 16:25:40 发布
阅读量8.7k 收藏 1
点赞数 1
分类专栏： Flutter 文章标签： Flutter WebView
原文链接：https://blog.csdn.net/geofferysun/article/details/88575504
版权

由于项目需求，要再webview上展示html，

奈何本人技术不过硬，只能做伸手党

查询了一下有google官方提供的插件webview_flutter (点击查看)

看了一下github上的demo还是感觉一头雾水，只能硬着头皮去写

写完以后发现没办法显示图片，前端给的html中的图片是http的，怎么都加载不出来

于是就写了一个android的demo仍然加载不出来，这个时候提示我这样的错误
http图片报错

就百度了一下，net::ERR_CLEARTEXT_NOT_PERMITTED，然后就看到了这篇博客（大佬还是多）https://blog.csdn.net/geofferysun/article/details/88575504
最终完美的解决了我的问题，但目前还只是原生上解决了，接下来还是flutter的webview_flutter这个控件

所以我也在想会不会是flutter也一样无法加载http图片，然后就分别用了https和http图片进行了测试，最终果然是这样
然后就用了大神博客上的第二种方法，完美解决，别的方法大家可以试一下


记录一下flutter开发的坑

麻辣炖土豆儿
关注
专栏目录
flutter 与WebView相关的需求整理（推荐）
智玲君
03-16 944
前言 在一款app的开发中，或多或少都离不开要加载H5页面，例如隐私政策，服务协议等页面的加载，或是HTML类型的富文本数据的显示，并且当富文本之中存在超链接的时候，默认情况下点击会跳转打开对应的外部网页，但有时我们并不想在用户点击时显示超链接对应的web页面，而是拦截跳转，打开app内指定的某个页面，又或者是app中新推出一项活动时，先跳转到某个活动的H5页面，然后当用户在H5页面点击了某个按钮后，又打开app内的某个页面，即涉及到H5和Flutter之间的交互，基于以上这些常见的需求，本篇文章将系统的讲
uiwebView 加载html字符串
hufeng825的专栏
03-27 5505
-(void) webView:(UIWebView *)webView didFailLoadWithError:(NSError *)error{ [self.loadingViewController dismissLoading]; //NSString *shouldOpen = webView.request.URL.absoluteString; NSString* erro
Flutter之WebView加载html字符串及高度自适应
m0_69656288的博客
05-29 1316
插件来加载HTML字符串，并实现WebView的高度自适应。在这个示例中，我们将HTML字符串转换为数据URL，并将其作为WebView的初始URL。希望这些示例代码能帮助你实现WebView加载HTML字符串和高度自适应的功能！现在，我们来看一下如何实现WebView的高度自适应。插件将HTML字符串转换为Flutter小部件，然后使用。参数来设置初始状态的WebView高度。小部件来获取父级约束。在Flutter中，你可以使用。参数指定数据的MIME类型，在这个示例中，我们使用。小部件，并在其中使用。
flutter 使用webview_flutter 运行在android设备上报错：Unhandled Exception: PlatformException(channel-error, Unab
最新发布
ruizhenggang的博客
07-28 524
2. flutter插件代码有误：查看webview_flutter api调用，甚至把自己的逻辑代码注释掉，用官方给的example尝试。官方说是为了更好地支持将 Flutter 添加到现有项目的执行环境，托管 Flutter 运行时的旧版 Android 平台端包装器位于。我运行的是android手机，所以应该是android平台与flutter的channel通信没有建立。没事一定要看官方文档啊！查看自己的代码出错在哪一行：检查发现并没有报编写的代码错误的堆栈信息。官方说的第一条就是这个问题！
Flutter webview
isusjjyy的专栏
10-30 773
引入flutter_webview_plugin插件 pubspec.yaml文件中引入： dependencies: flutter_webview_plugin: ^0.3.8 权限配置 Flutter 本身并未集成webview,所以当需要使用webview 的时候，使用flutter_webview_plugin插件，也就是使用的原生webview组件 flutter_w...
flutter显示html字符串,Flutter 开发实际问题解决之webview_flutter加载html字符串
weixin_28755331的博客
06-15 813
由于项目需求，要再webview上展示html，奈何本人技术不过硬，只能做伸手党查询了一下有google官方提供的插件webview_flutter (点击查看)看了一下github上的demo还是感觉一头雾水，只能硬着头皮去写写完以后发现没办法显示图片，前端给的html中的图片是http的，怎么都加载不出来于是就写了一个android的demo仍然加载不出来，这个时候提示我这样的错误 就百度了一...
webview_flutter 加载本地html和js文件
hsw
02-15 4377
flutter version: 2.10.1 dart version: 2.16.1 webview_flutter version: ^3.0.0 网上看到别人使用的js都是直接写在index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script type=".
flutter webview
仰望星空
12-16 252
//展示网页数据 class MyWebView extends StatefulWidget { String url; String title; MyWebView({Key key, @required this.url, @required this.title}); @override createState() => _PageState(url: u...
Flutter加载html标签源码.rar
03-28
仔细阅读我的文章，一定有收获。 仔细阅读我的文章，一定有收获。 仔细阅读我的文章，一定有收获。 仔细阅读我的文章，一定有收获。 仔细阅读我的文章，一定有收获。 仔细阅读我的文章，一定有收获。
webview_flutter_plus.7z
10-19
Flutter的webview_flutter插件提供了一个WebView类，用于创建一个可滚动的、全屏的Web视图，可以加载URL或本地HTML字符串。而webview_flutter_plus则在原生的基础上增加了更多的特性，比如注入JavaScript代码、监听...
Flutter中举步维艰的WebView，终于实现了加载本地html
Marshon的专栏
04-04 1万+
1、需求背景 实现一个不全屏的，支持加载本地html资源的webview 2、结论先行 选用了官方的webview_flutter。总结了下实践的过程，分析几个插件有如下特点： flutter_inappwebview: 问题: 1.键盘有时候收不起来. 2.文本框不响应文字输入 3.部分Android机型上,js->flutter 不通.分析查看是native层的js接口没...
Flutter中如何加载并预览本地的html文件的方法
08-25
主要介绍了Flutter中如何加载并预览本地的html文件的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
flutter_android_webview.zip
11-07
Flutter WebView 使用addJavascriptInterface，利用platformview去创建android和ios的webview，然后用UiKitView或者AndroidView在Flutter项目中使用
Flutter中使用WebView加载本地Html文件
AppBlog.CN全栈架构
05-06 2109
String url;//监听页面状态改变 flutterWebviewPlugin . onStateChanged . listen((WebViewStateChanged wvs) {});//监听页面滚动事件 flutterWebviewPlugin . onScrollYChanged . listen((double offsetY) {});});
Flutter中使用flutter_inappwebview加载远程的html文件
越陌度阡
01-09 8139
1. 安装插件 配置flutter_inappwebview插件。 dependencies: flutter: sdk: flutter flutter_localizations: sdk: flutter date_format: ^1.0.6 flutter_cupertino_date_picker: ^1.0.26+2 flutter_swiper: ^1.1.6 fluttertoast: ^7.1.6 http: ^0.12.2 d..
flutter之webview
my_love_download的博客
05-28 378
flutter项目需要加载报表的解决方案 下载包 webview_flutter: ^0.3.19+7 实现公共的webview组件 class CustomWebView extends StatefulWidget { final String title; final String url; CustomWebView({ this.title, this.url, }); @override State<StatefulWidget> creat
WebView - flutter
LiErDan的博客
12-18 417
// Copyright 2018 The Chromium Authors. All rights reserved. // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. // ignore_for_file: public_member_api_docs import 'dart:async'; import 'dart:convert'; im
【Flutter】WebView webview_flutter
Code Metaverse
08-07 1018
WebView 在移动应用开发中占据了重要的地位，它为开发者提供了在应用中嵌入网页的能力。使用 WebView，你可以轻松地为用户提供丰富的网页内容，或是与第三方平台进行交互，而不需要离开应用界面。
Flutter中使用flutter_html解析html文件
热门推荐
越陌度阡
01-09 1万+
1. 安装插件 配置flutter_html插件。 dependencies: flutter: sdk: flutter flutter_localizations: sdk: flutter date_format: ^1.0.6 flutter_cupertino_date_picker: ^1.0.26+2 flutter_swiper: ^1.1.6 fluttertoast: ^7.1.6 http: ^0.12.2 dio: ^3.0..
webview_flutter获取加载完成网页的高度
06-10
要获取 `webview_flutter` 加载完成后网页的高度，可以使用 `WebViewController` 和 `JavascriptChannel`。 首先，创建一个 `JavascriptChannel`，用于将网页高度传递给 Flutter 端： ```dart class HeightChannel...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值