Question 79250 in Flutter Question posted in
The official Flutter documentation can be found here.

Why i cant display the image in flutter dart?

I cannot display the image, but all of the data is display for example name

    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']}');
        }
Tags:

2

Answers


  1. 0

    You can not display image from the text widget, you need to use the image widget for that

    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']),
      ],
    );
    }
    Login or Signup to reply.
  2. 0

    You can use this for displaying a network image:

    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']);
        }
    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search