How to convert asset image to File?

by

You can access the byte data via rootBundle. Then, you can save it to the device’s temporary directory which is obtained by path_provider (you need to add it as a dependency).

import 'dart:async';
import 'dart:io';

import 'package:flutter/services.dart' show rootBundle;
import 'package:path_provider/path_provider.dart';

Future<File> getImageFileFromAssets(String path) async {
  final byteData = await rootBundle.load('assets/$path');

  final file = File('${(await getTemporaryDirectory()).path}/$path');
  await file.create(recursive: true);
  await file.writeAsBytes(byteData.buffer.asUint8List(byteData.offsetInBytes, byteData.lengthInBytes));

  return file;
}

In your example, you would call this function like this:

File f = await getImageFileFromAssets('images/myImage.jpg');

For more information on writing the byte data, check out this answer.

You will need to await the Future and in order to do that, make the function async:

RaisedButton(
   onPressed: () async => showDialog(
     context: context,
     builder: (_) => Container(child: Image.file(await getImageFileFromAssets('images/myImage.jpg')))),
   child: Text('Show Image'));

More Related Contents:

  1. Flutter: Run method on Widget build complete
  2. How to change status bar color in Flutter?
  3. Is there a way to load async data on InitState method?
  4. Flutter – Collapsing ExpansionTile after choosing an item
  5. Future.wait() for multiple futures
  6. ListView does not refresh whereas attached list does (Flutter)
  7. What is the relation between stateful and stateless widgets in Flutter?
  8. Persisting AppBar Drawer across all Pages Flutter
  9. What does the empty parentheses after the onPressed property mean in Dart?
  10. Replace initial Route in MaterialApp without animation?
  11. Flutter SVG rendering
  12. how can we use superscript and subscript text in flutter Text or RichText
  13. When I select a Textfield the keyboard moves over it
  14. Flutter Load Image from Firebase Storage
  15. Flutter: Update Widgets On Resume?
  16. Logging large strings from Flutter
  17. Flutter Firestore Server side Timestamp
  18. Custom AppBar Flutter
  19. Can the spread operator be used to supply function arguments?
  20. Flutter: Setting the height of the AppBar
  21. Does using const in the widget tree improve performance?
  22. How to schedule background tasks in Flutter?
  23. How to use InputFormatter on Flutter TextField?
  24. Colon : in Dart constructor syntax
  25. Flutter – How to set status bar color when AppBar not present
  26. How to detect orientation change in layout in Flutter?
  27. how to access an object created in one stateful widget in another stateful widget in flutter
  28. Flutter: Is it somehow possible to create App Widgets (Android) and Today Extensions (iOS)? [duplicate]
  29. convert a String of “uint8list” to a Unit8List
  30. how to add or remove item to the the existing array in firestore ?

Leave a Comment