flutter列表数据优化，flutter 内存优化

Flutter踩坑之旅

1、最近在写flutter应用，需要集成蓝牙功能，用了一个第三方的库，踩了一些坑，做一下记录。

2、最近在做个flutter蓝牙功能，用的flutter_blue，在iOS上没有任何问题，照着例子写完，正常运行蓝牙功能，但是在安卓上发现各种坑，用这个插件首先是有些设备拿不到设备名称，还有就是读写特征和ios上拿到的也不一样。

3、由于只有flutter的命令执行的时候无响应，所以起初认为是程序包有问题。于是通过再次解压程序压缩包和配置环境变量之后，问题仍然存在。

4、年一直学习到使用Flutter写项目，从0.0开始到现在5版本的发布，终于开始慢慢的爬出坑位了，但是因为部分控件感觉还是不如原生控件好用，因而Flutter提供了PlatformView部件。

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

相关问答

Q1: 第十六章:Flutter数据存储

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

2、背景：flutter组件嵌套都很深，依次传递数据很麻烦，所以最好是能够跨组件传递。有三张跨组件的方式：InheritedWidget、Notification、Eventbus.是一种自上而下的传递数据的方式。

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

4、我们还是以计数器为例，实现在应用退出重启后可以恢复点击次数。

5、例如native可将定位数据不断的报给flutter，或者录像数据等等，所有基于原生能力产生的数据都可以通过EventChannel进行发送。步骤：创建一个EventChannel对象，传入EventChannel名称。

Q2: 跨平台技术;H5和Flutter谁是未来?

1、Flutter是Google开发的一套全新的跨平台、开源UI框架，支持iOS、Android系统开发，并且是未来新操作系统Fuchsia的默认开发套件。

2、Flutter，是为数不多的代表。Flutter开辟了一种全新的思路，即从头到尾重写一套跨平台的UI框架，包括渲染逻辑，甚至是开发语言。

3、自绘UI+原生(Flutter)此外还有增强版Web App(PWA)，PWA完全使用前端技术栈，不过它需要手机和浏览器的支持。由于谷内厂商和浏览器的统一性问题，PWA在国内的发展并不是很好。

Q3: Flutter之Dart数据类型及数据之间的转换

1、和java一样，dart也有接口，但是和java是有区别的 首先dart的接口没有interface关键字来定义接口，而是普通类或抽象类都可以作为接口被实现，同样使用implements关键字进行实现。

2、dart中表示二进制有一个专门的类型叫做Uint8List，他实际上表示的是一个int的List。上面提到的读取方式，都是一次性读取整个文件，缺点就是如果文件太大的话，可能造成内存空间的压力。

3、在学习新技术时不仅要学习语言的语法，更要理解其架构思想（新瓶装旧酒，Flutter和Dart是新瓶，响应式编程的思想是旧酒），将思维转变过来才能更加快速地获得新技术为我们带来的便利性。

4、例如下面一个文章json，里面的content_pic是一个字符串，需要转换为一个Model：JsonEnum fieldRename：定义名称转换时的命名策略，使用@JsonValue的值优先于该选项。

5、性能优异性：不同于H5通过DOM渲染和RN映射组件，flutter直接基于native进行绘制。性能上完全超过原生。Dart语法编译：Dart是一种强类型、跨平台的客户端开发语言。

Q4: Flutter中InheritedWidget的使用

自定义 InheritedWidget 控件类 创建一个类继承 InheritedWidget，并实现 updateShouldNotify 方法。

第一种情况需要在页面根布局使用 WillPopScope 在 onWillPop 中拦截返回处理。

shrinkWrap 常用于内容大小不确定情况，如果滚动视图( ListView/GridView/ScrollView 等)没有收缩包装，则滚动视图将扩展到允许的最大大小。

调用时机： 当此 State 对象的依赖项（ InheritedWidget ）更改时调用。描述： 用于开发阶段 hot reload 。调用时机： hot reload 时调用，调用后 build 方法也将被调用。无需在此方法中做任何操作。

之后再pubspec.yaml中，配置assets文件后就可以使用了（如使用assets/images/jay.png，会自动适配该像素下最接近的jay图片）。

Q5: flutter图片内存优化

滚动步长插值器优化（了解） 官方的滚动差值器在出现小卡顿时，滚动步长会出现大的跳跃，导致体感上出现很明显的抖动，优化步长偏移量算法与原生效果对齐。

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

使用 cached_network_image 加载网络图片时，遇到 sharedmem_gpumem_alloc： mmap failed errno 12 Out of memory ，然后app会闪退。

flutter列表数据优化的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于flutter 内存优化、flutter列表数据优化的信息别忘了在本站进行查找喔。