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

user_2240957 0
Viewed 11680

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?

dart flutter camera image
3 Answers

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);
user_22409570

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

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

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));
user_142335230
Related