【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 博客中，希望自己學習的同時，也可以幫助更多的人。