[chapter 71 of the flutter problem series] mutual conversion between uint8list and image in flutter

This is a 【Flutter Question Series No 71 piece 】, If it works , Welcome to the column .

Flutter edition ：2.5.0,Dart edition ：2.14

Because I've been working on the camera recently 、 Crop pictures and OCR The function of picture recognition , So frequent and Image、Uint8List Dealing with .

This blog summarizes the methods of mutual transformation used in the work , It's convenient for you to check .

It needs to be introduced first

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

One ：Uint8List turn Image

Uint8List turn Image It provides two ways , As shown in the following code

  /// Uint8List  turn  Image  Mode one 
  ui.Image _fun1(Uint8List list) {
    
    late ui.Image image;
    ui.decodeImageFromList(list, (ui.Image callBack) {
    
      image = callBack;
    });
    return image;
  }

  /// Uint8List  turn  Image  Mode two 
  Future<ui.Image> _fun2(Uint8List list) async {
    
    ui.Codec codec = await ui.instantiateImageCodec(list);
    ui.FrameInfo frame = await codec.getNextFrame();
    return frame.image;
  }

Two ：Image turn Uint8List

As shown in the following code

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

Just take it and use it , There's nothing to say .

Has your problem been solved ？ Feel free to leave a comment in the comments section .

A gift of rose , Fragrance in hand , If you think the article is good , I hope you can give me one button three times , thank .

---

Conclusion

Google Of Flutter More and more fire , end 2022 year 6 month 28 Japan GitHub Target star has reached 142K,Flutter Determination is a trend , So as a front-end Developer , There is no reason not to study as soon as possible .

No matter you are Flutter Novices are still getting started , You might as well pay attention to , In the future, I will Flutter Common components in （ Contains source code analysis 、 Usage and precautions of components ） As well as possible problems CSDN Blog , I hope I can learn at the same time , It can also help more people .