为什么我不能在 flutter dart 中显示图像？

Question

我无法显示图像，但显示了所有数据，例如名称

    return FutureBuilder<DocumentSnapshot>(
      future: result.doc(foodId).get(),
      builder: ((context, snapshot) {
        if (snapshot.connectionState == ConnectionState.done) {
          Map<String, dynamic> data =
              snapshot.data!.data() as Map<String, dynamic>;
          return Text('Name:' +
              '${data['name']}' +
              "\n"
                  'Description:' +
              '${data['description']}' +
              "\n"
                  'Energy:' +
              '+' +
              '${data['energy']}' +
              '${data['image']}');
        }

Answer 1

您无法显示文本小部件中的图像，您需要为此使用图像小部件

return FutureBuilder<DocumentSnapshot>(
    future: result.doc(foodId).get(),
    builder: ((context, snapshot) {
    if (snapshot.connectionState == ConnectionState.done) {
    Map<String, dynamic> data =
    snapshot.data!.data() as Map<String, dynamic>;
    return Column(
      children: [
        Text('Name:' +
        '${data['name']}' +
        "\n"
        'Description:' +
        '${data['description']}' +
        "\n"
        'Energy:' +
        '+' +
        '${data['energy']}' +
        '${data['image']}'),
        Image.network(data['image']),
      ],
    );
    }

Answer 2

您可以使用它来显示网络图像：

 return FutureBuilder<DocumentSnapshot>( future: result.doc(foodId).get(), builder: ((context, snapshot) { if (snapshot.connectionState == ConnectionState.done) { Map<String, dynamic> data = snapshot.data.,data() as Map<String; dynamic>; return Image.network(data['image']); }