這是【Flutter 問題系列第 71 篇】，如果覺得有用的話，歡迎關(guān)注專欄。

Flutter 版本：2.5.0，Dart 版本：2.14

因為最近一直在處理照相機、裁剪圖片和 OCR 圖片識別的功能，所以頻繁的和 Image、Uint8List 打交道。

這篇博客把工作中用到的兩者相互轉(zhuǎn)換的方法總結(jié)下，方便大家查看。

需要先引入

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

一：Uint8List 轉(zhuǎn) Image

Uint8List 轉(zhuǎn) Image 提供了兩種方式，如下代碼所示

/// Uint8List 轉(zhuǎn) Image 方式一ui.Image _fun1(Uint8List list) {late ui.Image image;ui.decodeImageFromList(list, (ui.Image callBack) {image = callBack;});return image;}/// Uint8List 轉(zhuǎn) 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 轉(zhuǎn) 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;}

拿走直接用就行了，沒什么好說的。

你的問題得到解決了嗎？歡迎在評論區(qū)留言。

贈人玫瑰，手有余香，如果覺得文章不錯，希望可以給個一鍵三連，感謝。

---

結(jié)束語

Google 的 Flutter 越來越火，截止 2022年6月28日 GitHub 標(biāo)星已達(dá) 142K，Flutter 毅然是一種趨勢，所以作為前端開發(fā)者，沒有理由不趁早去學(xué)習(xí)。

無論你是 Flutter 新手還是已經(jīng)入門了，不妨先點個關(guān)注，后續(xù)我會將 Flutter 中的常用組件（含有源碼分析、組件的用法及注意事項）以及可能遇到的問題寫到 CSDN 博客中，希望自己學(xué)習(xí)的同時，也可以幫助更多的人。

總結(jié)

以上是生活随笔為你收集整理的【Flutter 问题系列第 71 篇】Flutter 中 Uint8List 和 Image 之间的相互转换的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。