enlarge carousel item with width or ratio didn't work about flutter_carousel_slider HOT 4 CLOSED

I believe the width of the items is defined by the viewportFraction parameter. I am also looking for a way to have fixed-width items, but haven't figured out yet.

from flutter_carousel_slider.

I created PR that enables setting the width of each item: #28

This adds an itemWidth parameter that set the width of the items. If it's not set, the item takes the entire width defined by viewportFraction.

from flutter_carousel_slider.

I'm not sure what you want to do, but using the following code (your code with a few tweaks to make it work with the example project) lets me set the width to any value.
However, 500 is larger than most mobile screens.
Have you tried with a lower value?

final CarouselSlider testCarousel = CarouselSlider(
  viewportFraction: 1.0,
  items: imgList.map<Widget>(
    (url) {
      return Container(
        width: 200,
        margin: EdgeInsets.symmetric(horizontal: 0.0),
        decoration: BoxDecoration(
          color: Colors.amber,
          borderRadius: BorderRadius.circular(15.0),
          image: DecorationImage(image: NetworkImage(url), fit: BoxFit.cover),
        ),
      );
    },
  ).toList(),
);

This is the result:
width 200:

width 300:

Width 500:

Widh 900:

from flutter_carousel_slider.

I'm closing this issue, because it seems that the problem is solved. Feel free to reopen it if you still have some problems.

from flutter_carousel_slider.