Flutter setting width and height of Container widget doesn't work unless using Center to wrap widget ? why?

Question

I want to build a swiper. And then limit its height and width. Code like this.

Container(
        height: 150,
        width: 350,
        child: Swiper(
          itemBuilder: (BuildContext context, int index) {
            return new Image.network(
              "http://via.placeholder.com/350x150",
              fit: BoxFit.fill,
            );
          },
          itemCount: 3,
          pagination: SwiperPagination(),
          control: SwiperControl(),
        ),
      );

In this case, the final render view will be like this.

And I find out if I use a Center widget wrap the Container widget that will work.

Center(child: Container(
        height: 150,
        width: 350,
        child: Swiper(
          itemBuilder: (BuildContext context, int index) {
            return new Image.network(
              "http://via.placeholder.com/350x150",
              fit: BoxFit.fill,
            );
          },
          itemCount: 3,
          pagination: SwiperPagination(),
          control: SwiperControl(),
        ),
      ),)

https://stackoverflow.com/a/53972393/2252830 – pskink May 13 '19 at 04:27 — pskink, May 13 '19 at 04:27

score 1 · Accepted Answer · answered May 13 '19 at 07:03

1

This is because parent witget has no idea how to align its child you should use Align widget

answered May 13 '19 at 07:03

Çağrı BIYIK

56
9

Flutter setting width and height of Container widget doesn't work unless using Center to wrap widget ? why?

1 Answers1