flutter同步加载，flutter多端统一

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

Flutter加载不同的环境变量获取不同的配置参数

1、点击Button 之后，我们把 num 变量加一，并使用 setState 通知状态发生了改变，Flutter 会根据新的状态更新 UI。如果有接触过小程序开发，setState 就和小程序的 setData 类似。

2、解决方法是在 ListView 上设置 cacheExtent 参数：该参数的作用是改变超出屏幕高度后继续渲染的范围（以像素为单位），比如设置成 9999 后意味着超出屏幕 10000 像素以内的内容都会被保留下来。

3、XCode3，CocoaPods5， Flutter 4-pre.65(一定是master channel，不能是stable)，根据标题中的环境对应的版本自行升级，如版本高太多的话不敢保证一定会成功。

4、flutter run --release 命令会使用 Release 模式来进行编译，也可以给Android Studio进行配置：如果继续运行在模拟器上：profile模式和 release模式类似，但是会保留一些信息方便我们对性能进行检测。

相关问答

Q1: flutter加载h5很卡

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

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

3、第一步：终端：open $HOME/.bash_profile 第二步：关闭，终端：source $HOME/.bash_profile 接着输入：open ~/.zshrc 这样就不用每次重新export路径了，然后重启电脑用Android studio create flutter项目时就可以通过了。

4、这种方法最常见，但是有些地方引用的话，刷新的成本比较大，刷新的是整个页面，数据太多加载太慢的话，会有闪烁的现象这种方法类似于iOS中的set方法，通过设置某个属性的时候，去刷新某个控件。

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

Q2: Flutter图片加载与缓存

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

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

Flutter本地存储可以用 shared_preferences ，其会根据不同操作系统进行相对应的存储。

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

按照给定尺寸进行图片的解码，而不是解码整个图片的尺寸，用来减少内存的占用。

Q3: flutter在initState中显示Dialog加载框

首先，开启dialog的时机。由于我们需要获取到BuildContext，所以就得等build()方法走完，这里可以用Future.delayed()来等创建好BuildContext再进行创建，或者用Timer来延迟操作，我选择了前者。

initState是StatefulWidget创建后调用的第一个方法，而且只执行一次。

Flutter Widget采用现代响应式框架构建，这是从 React 中获得的灵感，中心思想是用widget构建你的UI。 Widget描述了他们的视图在给定其当前配置和状态时应该看起来像什么。