flutter加载html代码，flutter webview加载本地html

Flutter图片加载与缓存

配合实现图片缓存， ImageProvider 从数据源加载完数据后，会在 ImageCache 中缓存图片数据，图片数据缓存时一个 Map ，其中 Map 中的 key 便是 obtainKey 。

Flutter的图片缓存机制有问题（可能是我使用的版本113有问题）网络图片会默认缓存到本地，但是不管图片是不是完整的或者损坏的，导致页面在下次进入的时候会优先从缓存里读取图片。

new Image.memory： 加载Uint8List资源图片（byte数组）图片。

网页是https链接，其中混用了http的图片，会导致无法加载。

相关问答

Q1: Flutter项目插件整理

1、插件入口 https：//pub.flutter-io.cn/packages/sentry 以下是Docker搭建Sentry平台的步骤，请保证每一步执行完成：-启动 Sentry Server，同时添加端口映射。

2、其实做的事情跟原生封装WebView组件类似。

3、用于创建 SSH / SFTP 客户端的 Flutter 插件，iOS 端封装了 NMSSH ，Android 端封装了 JSch 。支持 SSH 执行命令、实时 Shell 和基本的 SFTP 操作，同时支持密码或密钥验证。

4、Flutter 开发非常依赖各种官方或第三方的插件，而在使用这些插件时多少都会遇到一些问题，大部分问题都可以通过搜索和查找 issue 来解决。这里记录下一些我在使用部分插件时遇到的问题及其解决方法。

Q2: flutter_inappbrowser和h5交互

需求，app中使用webview和h5交互，根据h5发过来的消息，在屏幕上展示flutter组件，并且可以发送消息给h5。首先使用的组件是flutter_WebView_plugin，这个组件不能嵌套flutter组件，所以放弃这个组件。

flutter加载h5很卡的解决方法如下：一种临时解决方案，在切换动画加载完毕后，再去构造 WebView，这样从用户角度上看，就不会有路由切换动画的卡顿了。

IOS一般是用xcode开发Android一般用AndroidStudio开发不过现在也有flutter之类的做兼容性快速开发，同时也有很多企业提供直接H5生成APP等。

这个技术栈就是纯粹的容器技术栈，React Native、Xamarin、Flutter 都属于这一类。学习时，除了学习容器的 API Bridge，还要学习容器提供的 UI 层，即怎么写页面 总结：H5 开发主要用在混合技术栈。

Flutter是依靠Flutter Engine虚拟机在iOS和Android上运行的，Flutter Engine使用C/C++编写，开发人员通过Flutter框架直接和API在内部进行交互，所以具有输入低延迟和UI渲染高帧速率的特点。

Flutter是最新的跨平台应用程序框架之一，由Google开发并于2017年发布。 Flutter是一个免费的开源跨平台框架，它允许你用一组代码创建一个移动应用程序。

Q3: flutter中webview显示html字符串乱码

1、webView.loadUrl()；直接显示网页内容(单独显示网络图片)，一般不会出现乱码。webView.loadData(data， text/html， UTF-8)；loadData主要被设计用来装载URI格式的数据，它不能通过网络来加载内容。

2、flutter build web命令默认的渲染模式为auto，这种模式在移动端使用html渲染，在pc端使用canvaskit渲染。

3、html用浏览器打开--》F12或者ctrl+shift+i（浏览器的开发者工具）--》检查样式是否生效。右边的样式可以即时编辑，删掉或者增加样式页面立马刷新。这样你可以检查你的height。反正最后html也是用浏览器打开，我没用过webview。

4、其实乱码出现的原因就是因为不同的浏览器之间语言不通，中国人和外国人一个说中文一个说英文肯定会乱，但是如果大家都说中文都说英文就不会乱了。

5、当使用 WebView 等高度不定的组件时会出现内容被截断的情况，通常可以使用 NestedScrollView 来解决该问题，需要在 WebView 外部嵌套 SingleChildScrollView。

Q4: flutter刷新页面的方法

比如：九宫格添加图片，第一个是添加图片，点击添加图片把图片放到List里面，然后setState刷新，结果发现页面没变化，触碰添加图片Item，就会多出一个添加图片Item。

对于NestedScrollView 来说。

如题，在Flutter开发中，正常情况下，修改后按保存（ctrl+s），就能自动将更新内容热加载到设备中，但是我早上突然就遇到保存后没有热加载的情况。

进行了Pub get。运行ios项目，发现app启动之后，先闪现黑屏，然后再出现启动页，之后在进入主页面。解决此问题的方法，是把启动页的图片移除，把启动页的图片修改一个新名字，再导入项目中，再重新运行项目，就正常了。

解决： 找到 \app\src\main\res\drawable\launch_background.xml 文件，这个里面初始化了布局标签，只需要把图片替换为我们自己的就可以。

initResources方法， 初始化资源。 在Flutter打包apk的asset目录下，包括fluttter_asset目录/资源项，将资源从apk中抽取，保存在 Context.getDir(flutter， 0) 目录下。 /data/user/0/包名/app_flutter目录。

Q5: flutter加载h5很卡

1、一开始我就使用Future、async、await去做异步操作，以为这样能解决问题，经过一天研究发现他们都还在同一个线程里面，也就是UI线程，导致卡顿，这明显不是我们想要的异步加载数据。

2、需求，app中使用webview和h5交互，根据h5发过来的消息，在屏幕上展示flutter组件，并且可以发送消息给h5。首先使用的组件是flutter_WebView_plugin，这个组件不能嵌套flutter组件，所以放弃这个组件。

3、flutter_webView_plugin ：在iOS中使用的就是原生的WKWebView，所以总体和 native WKWebView 表现差不多。如果是混编项目中，因为它被包了一层，所以页面加载上存在一定的劣势，所以混编项目中仍然推荐使用 WKWebView。

4、其中，参数 image 类型为抽象类 ImageProvider ，定义了图片数据获取和加载的相关接口。

5、项目中使用了flutter_gifimage 这个Git图片加载的插件，但是由于该版本库很久没更新导致不支持当前的 flutter。

关于flutter加载html代码和flutter webview加载本地html的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。