how to add multiple images in single image.network()?

Question

so i want 3 different images on this code


body: Container(
        height: MediaQuery.of(context).size.height / 2,
        width: MediaQuery.of(context).size.width,
        child: Padding(
            padding: const EdgeInsets.all(8.0),
            child: Swiper(
              itemBuilder: (BuildContext context, int index) {
                return Image.network(
                  "https://github.com/jzoom/images/raw/master/swiper-example.gif",
                  fit: BoxFit.fill,
                );
              },
              itemCount: 3,
              viewportFraction: 0.9,
              scale: 0.9,
            )),
      ),

i want 3 images within use of one method.

You can’t add multiple images inside one Image.network image. Do you have a list of urls to images you want to show? — Andrej
– Andrej, Commented Jul 12, 2023 at 9:00
yes, i can use any three just help me this , atleast just make a template that works with this code , i will fill the links by myself — Siddharth Gawande
– Siddharth Gawande, Commented Jul 12, 2023 at 9:10

Andrej · Accepted Answer · 2023-07-12 09:21:17Z

2

Create a list of images (replace "" with your URLs)

List<String> _images = ["","",""];
Now make these changes in your swiper widget:

2.1 return Image.network(_images[index]);

2.1 itemCount: _images.length

edited Jul 12, 2023 at 9:21

Andrej

3,3053 gold badges20 silver badges39 bronze badges

answered Jul 12, 2023 at 9:12

Vivek Chib

1,9311 gold badge5 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Siddharth Gawande Over a year ago

return Image.network(_images[index]); what to add inside[index]

Vivek Chib Over a year ago

the index is from itemBuilder: (BuildContext context, int index) leave it as it is.

Collectives™ on Stack Overflow

how to add multiple images in single image.network()?

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related