如何使用 Flutter 将 BASE64 字符串转换为 Image

可以使用Image.memory构造函数将Uint8List转换为Flutter Image构件.(如有必要，请使用Uint8List.fromList构造函数将List转换为Uint8List.)你可以乘BASE64.encode走另一条路.

以下是一些示例代码.

import 'dart:async';
import 'dart:convert';
import 'dart:typed_data';
import 'package:flutter/material.dart';
import 'package:http/http.dart' as http;

void main() {
  runApp(new MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return new MaterialApp(
      theme: new ThemeData.dark(),
      home: new MyHomePage(),
    );
  }
}

class MyHomePage extends StatefulWidget {
  @override
  State createState() => new MyHomePageState();
}

class MyHomePageState extends State<MyHomePage> {
  String _base64;

  @override
  void initState() {
    super.initState();
    (() async {
      http.Response response = await http.get(
        'https://flutter.io/images/flutter-mark-square-100.png',
      );
      if (mounted) {
        setState(() {
          _base64 = BASE64.encode(response.bodyBytes);
        });
      }
    })();
  }

  @override
  Widget build(BuildContext context) {
    if (_base64 == null)
      return new Container();
    Uint8List bytes = BASE64.decode(_base64);
    return new Scaffold(
      appBar: new AppBar(title: new Text('Example App')),
      body: new ListTile(
        leading: new Image.memory(bytes),
        title: new Text(_base64),
      ),
    );
  }
}

然而，在数据库中存储大量二进制数据通常不是一个好主意.它没有发挥Firebase实时数据库的优势，最终会浪费带宽传输不需要的数据，以及不必要的编码和解码.您应该使用firebase_storage插件，将图像的路径或下载URL存储在数据库中.