'How to display an Image.memory
I need to display an Image.memory in my project, but when I put this code in the body of Scaffold, it doesn't show.
import 'dart:typed_data';
import 'package:flutter/material.dart';
import 'dart:convert';
Codec<String, String> stringToBase64 = utf8.fuse(base64);
String imagenJson = "Here, I put the BASE64 string";
Uint8List _image = base64Decode(imagenJson);
Image.memory(_image);
return Scaffold(
appBar: AppBar(
title: Text('Pruebas BASE64'),
),
body: Image.memory(_image)
);
Solution 1:[1]
// Create an instance variable
Image image;
@override
void initState() {
super.initState();
// put them here
Codec<String, String> stringToBase64 = utf8.fuse(base64);
String imagenJson = "Here, I put the BASE64 string";
Uint8List _image = base64Decode(imagenJson);
image = Image.memory(_image); // assign it value here
}
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(),
body: image, // use it here
);
}
Solution 2:[2]
var img = "Here, I put the BASE64 string";
final UriData? _data = Uri.parse(img).data;
myImage = _data!.contentAsBytes();
leading: CircleAvatar( radius: 50, child: Image.memory(myImage!), ),
Sources
This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.
Source: Stack Overflow
| Solution | Source |
|---|---|
| Solution 1 | |
| Solution 2 | zanzer |
