How to convert CameraController's XFile to Image type in Flutter?

Question

Flutter's CameraController has a takePicture() method for taking picture from the camera which gives type of Future<XFile>, so I need to convert it to Image type from package:image/image.dart package to manually crop it with another method.

How to convert it?

Answer 1

This is my found solution:

import 'dart:io';
import 'package:image/image.dart' as img;

...

CameraController _controller;

...

final xFile = await _controller.takePicture();
final path = xFile.path;
final bytes = await File(path).readAsBytes();
final img.Image image = img.decodeImage(bytes);

Answer 2

You can get the path from XFlie by using .path property and then show image using

Container(
  child: Image.file(File(XFile.path)),
);

Answer 3

Two different solutions than the answers adopted:

1. Use cross_file_image dependency.

   import 'package:cross_file_image/cross_file_image.dart';
   
   Image(image: XFileImage(xfile));
   

2. Call readAsBytes method.

   import 'dart:typed_data';
   
   import 'package:flutter/cupertino.dart';
   import 'package:cross_file/cross_file.dart';
   
   Future<Image> xFileToImage(XFile xFile) async {
     final Uint8List bytes = await xFile.readAsBytes();
     return Image.memory(bytes).image;
   }
   

   Image(image: await xFileToImage(xFile));