Flutter 加载本地文件在Android设备报错

项目中在播放本地视频时，在iOS设备没有问题，但是在Android设备报错 FileNotFoundException，具体报错日志如下：

专注于为中小企业提供成都网站设计、网站建设、外贸网站建设服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业苍溪免费做网站提供优质的服务。我们立足成都，凝聚了一批互联网行业人才，有力地推动了上千家企业的稳健成长，帮助中小企业通过网站建设实现规模扩充和转变。

经过排查发现实例化视频播放器时本地资源路径 'asset' 前面多了一个 ‘/’ ：

在iOS设备上没问题，但是在Android上就变成了错误日志中的 flutter_assets//asset/video/1.mp4 ,变成了2个 / ,去掉 asset 前面的 / 即可。

Flutter 本地图片导入 2倍图 3倍图

1、flutter项目中分别创建assets、images文件夹，在images文件夹下创建 2.0x 和 3.0x文件夹，用来分别存放2倍图3倍图。

层级结构如图下图:

2、在pubspec.yaml进行配置 (注意flutter下 assets:与uses-material-design: 层级结构要左对齐否则会报错 点击查看错误展示 )

3、cd 进入 flutter 项目目录下，终端执行 flutter pub get 命令，使配置生效

4、图片使用

详解flutter中本地资源图片的使用

一. flutter中我们想加载本地图片，需要两步：

二. flutter项目中本地图片加载的原理

在加载图片时，系统自动会根据屏幕分辨率优先选择到符合自己分配率的文件夹（2.0x或者3.0x或者4.0x）下去取相对应的图片，如果当前文件夹下没有，则会到低一倍的文件夹下去，如果还没有，则继续向更低一倍去取。(比如：iOS 5.5英寸及以上屏幕会优先选择去3.0x下去取图片，如果3.0x不存在或者3.0x文件夹下没有，则去2.0x下取；如果2.0x不存在或者2.0x下没有，则去1.0x下取；1.0x下再没有，则在images文件下取)。

flutter 解析本地json

在和lib平级 创建两个目录 assets 里面放置json文件

在pubspec.yaml里面配置

注意打包的时候json文件会被当成资源打入到包中,所以我们访问的时候要在runApp之前配置下初始化访问二进制权限。否则会报错

Flutter WebView加载本地html的问题

最近项目中，用到了flutter中的webview加载带有echarts控件的html文件，但是发现图表一直无法显示，通过查询相关资料，分析apk包文件，知道了是由于flutter项目中的文件打包后的路径发生变化，造成找不到相关依赖，特此记录一下，使用下面这个方法便可以解析出Android和IOS打包后的apk中资源文件的实际位置。

例如，你的资源文件是在flutter项目的根目录下的 'assets/files/echart-pie.html',

那 'getAssetsPath('assets/files/echart-pie.html')'才是打包成apk后，资源文件的实际路径。

按照上面的操作，你会发现在android设备上已经可以正常显示本地html页面了，但是IOS设备上还是一脸懵逼；不要慌，这块是由于webview_flutter本来就不支持加载本地文件，这时我们还需要修改下插件IOS部分的源码，FlutterWebView.m文件：

通过以上骚操作，就可以实现webview_flutter在android和ios设备上加载本地html文件了。

最后：推荐一个插件，已经在官方的基础上进行了优化

webview_flutter_plus

分享文章：flutter本地,flutter本地缓存
网页URL：http://scyanting.com/article/dsedhod.html