【Flutter 问题系列第 71 篇】Flutter 中 Uint8List 和 Image 之间的相互转换

这是【Flutter 问题系列第 71 篇】，如果觉得有用的话，欢迎关注专栏。

Flutter 版本：2.5.0，Dart 版本：2.14

因为最近一直在处理照相机、裁剪图片和 OCR 图片识别的功能，所以频繁的和 Image、Uint8List 打交道。

这篇博客把工作中用到的两者相互转换的方法总结下，方便大家查看。

需要先引入

• import ‘dart:ui’ as ui;
• import ‘dart:typed_data’;

一：Uint8List 转 Image

Uint8List 转 Image 提供了两种方式，如下代码所示

  /// Uint8List 转 Image 方式一
  ui.Image _fun1(Uint8List list) {
    late ui.Image image;
    ui.decodeImageFromList(list, (ui.Image callBack) {
      image = callBack;
    });
    return image;
  }

  /// Uint8List 转 Image 方式二
  Future<ui.Image> _fun2(Uint8List list) async {
    ui.Codec codec = await ui.instantiateImageCodec(list);
    ui.FrameInfo frame = await codec.getNextFrame();
    return frame.image;
  }

二：Image 转 Uint8List

如下代码所示

  Future<Uint8List?> _fun(ui.Image image) async {
    ByteData? byteData = await image.toByteData();
    if (byteData != null) {
      Uint8List bytes = byteData.buffer.asUint8List();
      return bytes;
    }
    return null;
  }

拿走直接用就行了，没什么好说的。

你的问题得到解决了吗？欢迎在评论区留言。

赠人玫瑰，手有余香，如果觉得文章不错，希望可以给个一键三连，感谢。

---

结束语

Google 的 Flutter 越来越火，截止 2022年6月28日 GitHub 标星已达 142K，Flutter 毅然是一种趋势，所以作为前端开发者，没有理由不趁早去学习。

无论你是 Flutter 新手还是已经入门了，不妨先点个关注，后续我会将 Flutter 中的常用组件（含有源码分析、组件的用法及注意事项）以及可能遇到的问题写到 CSDN 博客中，希望自己学习的同时，也可以帮助更多的人。