如何在 flutter 的轮播滑块中将最后一张索引图像显示为第一张

Question

我的轮播小部件代码是：

return CarouselSlider.builder(
  itemCount: mytest.length,
  options: CarouselOptions(
    enlargeCenterPage: true,
    height: 300,
    autoPlay: false,
    reverse: false,
    aspectRatio: 5.0,
     initialPage: mytest.length-1,
    enableInfiniteScroll: false,
  ),
  itemBuilder: (context, i, id){
    //for onTap to redirect to another screen
    return GestureDetector(
      child: Container(
      decoration: BoxDecoration(
        borderRadius: BorderRadius.circular(15),
          border: Border.all(color: Colors.white,)
      ),
        //ClipRRect for image border radius
        child: ClipRRect(
          borderRadius: BorderRadius.circular(15),
          child: isURL(mytest[i])?
          Image.network(
            mytest[i],
          width: 600,
          fit: BoxFit.cover,
          ):Image.file(widget.localstorageurl,width: 600,fit: BoxFit.cover),
        ),
      ),
    );
  },
);

我试图将列表的最后一张图片显示为第一张或最后一张图片作为初始页面。如何在 flutter 中将列表中的最后一个索引图像显示为轮播滑块的第一个。提前致谢。

Answer 1

我也有一个轮播，但我没有使用 Builder。

但之前，我发送的 itemList 就像 itemsList.reversed.toList() 从最后一个开始：

  final someList = itemsList.reversed.toList();


  CarouselSlider(
      carouselController: carouselController,
      options: CarouselOptions(
        viewportFraction: 1.0,
        height: someHeight,
        initialPage: index,
        enableInfiniteScroll: false,
      ),
      items: someList.map( // i use it like this
        (item) {
          return Builder(
            builder: (BuildContext context) {
              return Container(
                decoration: BoxDecoration(
                  color: Colors.grey[200],
                ),
                child: ...,
              );
            },
          );
        },
      ).toList(),
    ),

如何在 flutter 的轮播滑块中将最后一张索引图像显示为第一张

How do show last index image as first in carousel slider in flutter

list

carousel

dart

flutter