⑴ Flutter -Listview 4个优化能让你的列表丝般顺滑
优化点1：使用 builder构建列表
当你的列裂绝表元素是动态增长的时候（比如上拉加载更多），请不要直接用children 的方式，一直往children 的数组增加组件，那样会很糟糕。对于 ListView.builder 是按需构建列表元素，也就是只有那些可见得元素才会调用itemBuilder 构建元素，这样对于大列表而言性能开销自然会小很多。
优化点2：禁用 addAutomaticKeepAlives 和 addRepaintBoundaries 特性
这两个属性都是为了优化滚动过程中的用户体验的。
addAutomaticKeepAlives 特性默认是 true，意思是在列表元素不可见后可以保持元素的状态，从而在再次出现在屏幕的时候能够快速构建。这其实是一个拿空间换时间的方法，会造成一定程度得内存开销。可以设置为 false 关闭这一特性。缺点是滑动过快的时候可能会出现短暂的白屏（实际会很少发生）。
addRepaintBoundaries 是将列表元素使用一个重绘边界（Repaint Boundary）包裹，从而使得滚动的时候可以避免重绘。而如果列表很容易绘制（列表元素布局比较简单的情况下）的时候，可以关闭这个特性来提高滚动的流畅度。
优化点3：尽可能将列表元素中不变的组件使用 const 修饰
使用 const 相当于将元素缓存起来实现共用，若列表元素某些部分一直保持不变，那么可以使用 const 修饰。
优化点4：使用 itemExtent 确定列表元素滚动方向的尺寸
对于很多列表，我们在滚动方向上的尺寸是提前可以根据 UI设计稿知道的，如果能够知道的话肆兄姿，那么使用 itemExtent 属性制定列表元素在滚动方向的尺寸，可以提升性能。这是因为，如果不指定的话，在滚动过程中，会需要推算每个元素在滚动方向的尺寸从而消耗计算资源。
Flutter ListView 的4个优化要点，非常实用哦！实际上，这些要点都可以从官网的文尘配档里找出对应得说明。因此，如果遇到了性能问题，除了搜索引擎外，也建议多看看官方的文档。
⑵ Flutter图片加载与缓存
其中，参数 image 类型为抽象类 ImageProvider ，定义了图片数据获取和加载的相关接口。
根据不同的数据来源，派生出不同的 ImageProvider ：
抽象类 ImageProvider 提供了一个用于加载数据源的抽象方法 @protected ImageStreamCompleter load(T key, DecoderCallback decode); 接口，不同的数据源定义各自的实现。
子类 NetworkImage 实现如下：
load 方法返回类型为抽象类 ImageStreamCompleter ，其中定义了一些管理图片加载过程的接口，比如 addListener 、 removeListener 、 等， 为其子类。
第一个参数 codec 类型为 Future<ui.Codec> ，用来对突破进行解码，当 codec 准备好的时候桐指雀，就会立即对图片第一帧进行解码操作。
codec 为 _loadAsync 方法返回值，
_loadAsync 方法实现：
decode 方法的类型：
其中解码传入的回调方法 image_provider.DecoderCallback decode ，
传入 Uint8List ，返回 Future<ui.Codec> 。
而对 decode 回调方法的具体定义，在 ImageProvider 的 resolveStreamForKey 方法中做了定义， resolveStreamForKey 方法在 ImageProvider 的 resolve 方法中有调用， resolve 方法则为 ImageProvider 类层级结构的公共入口点。
resolveStreamForKey 和 resolve 实现如下：
decode 方法，即 PaintingBinding.instance!.instantiateImageCodec ，即为具体图片解码的方法实现。
ui.instantiateImageCodec 实现：
descriptor.instantiateCodec 方法实现：
_instantiateCodec 方法的实现，最终到了 native 的实现：
其中返回值类型 Codec 里定义了一些属性：
obtainKey 方法：
ImageProvider 定义了一个抽象方法 Future<T> obtainKey(ImageConfiguration configuration); ，供子类来实现，其中 NetworkImage 的实现为：
obtainKey 作用：
配合实现图片缓存， ImageProvider 从逗搜数据源加载完数据后，会在 ImageCache 中缓存图片数据，图片数据缓存时一个 Map ，其中 Map 中的 key 便是 obtainKey 。
resolve 作为 ImageProvider 提供给 Image 的主入口方法，参数为 ImageConfiguration ，
resolve 其中调用了 _createErrorHandlerAndKey 方法，设置了成功回调和失败回调：
其中 _createErrorHandlerAndKey 方法的实现，便调用了 obtainKey 来设置 key 。
在成功回调里，调用局早了方法 resolveStreamForKey ，里面有具体的缓存实现 PaintingBinding.instance!.imageCache!.putIfAbsent ：
PaintingBinding.instance!.imageCache 是ImageCache的一个实例，是 PaintingBinding 的一个属性，是一个单例，图片缓存是全局的。
如上述判断：
ImageCache 定义：
ImageCache 缓存池：
在 NetworkImage 中，对 ImageProvider 的抽象方法 obtainKey 进行了实现，将自己创建了一个同步 Future 进行返回：
同时，自身又重写了 ImageProvider 定义的 == 比较操作符，通过图片 url 和图片的缩放比例 scale 进行比较：
通过ImageCache提供的方法来设置：
⑶ Flutter 仿企业微信多选-listview可见item位置
有一个需求，是仿企业照微信的多选（效果大家自己去看）。我想到了两种方案：
思路：我们直接通过listview.builder是没办法自定义SliverChildBuilderDelegate，我们可以通过listview.custom来自定义SliverChildBuilderDelegate，通过自定义我们可以重写didFinishLayout方法，拿到里面缓存的第一个item和最后一个item。可见item的跟缓存item是差5个的，可以间接算出来，后面发现其实不太行，上下滑动之后会显示之前滑动时候的可见位置。宏此高 正解是：这个里面还有个estimateMaxScrollOffset方法，正常来说通过它可以获取到可见的扒槐第一个和最后一个item位置。但是我一开始使用这个方法，不会被回调，后面不知道修改了什么，就会回调，然后这个位置是准确的。
看下listview.builder的源码
我们蔽尺可以看到childrenDelegate是直接定义好了的。
在看看listview.custom 的源码
childrenDelegate这个是一个必传参数。
⑷ Flutter 本地缓存
Flutter本地存厅森储可以用 shared_preferences ，其会根据不同操作系统进行相对应的存储。
在pubspec.yaml添加
`shared_preferences: ^2.0.13`
```d
import 'package:shared_preferences/shared_preferences.dart';
class SpUtils {
SharedPreferences?prefs;
SpUtils._() {
init();
}
static SpUtils?_instance;
扮郑亩 static preInit() {
_instance ??=SpUtils._();
}
static SpUtilsgetInstance() {
_instance ??=SpUtils._();
return _instance!;
}
void init()async {
prefs ??=await SharedPreferences.getInstance();
}
setString(String key, String value) {
prefs!.setString(key, value);
}
setDouble(String key, double value) {
prefs!.setDouble(key, value);
}
setInt(String key, int value) {
prefs!.setInt(key, value);
}
setBool(String key, bool value) {
prefs!.setBool(key, value);
}
setStringList(String key, List value) {
prefs!.setStringList(key, value);
}
clear(String key){
prefs!.remove(key);
丛睁 }
clearAll(){
prefs!.clear();
}
Tget(String key) {
return prefs!.get(key)as T;
}
}
```
在项目初始页调用
`SpUtils.preInit();`
存
`SpUtils.getInstance().setString('userId', '12345678');`
`SpUtils.getInstance().setDouble('price', 12.88);`
`SpUtils.getInstance().setInt('count', 200);`
`SpUtils.getInstance().setBool('flag', true);`
取
`SpUtils.getInstance().get('userId');`
删
`SpUtils.getInstance().clearAll();`
`SpUtils.getInstance().clear('userId');`