如何在颤振中显示最后一个索引图像为轮播滑块中的第一个

Question

我的carousel小部件代码是:

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),
),
),
);
},
);

我试图显示列表的最后一个图像作为第一个或最后一个图像作为初始页面。如何显示最后的索引图像从列表作为第一个旋转滑块在颤振。提前谢谢。

Answer 1

我也有一个carousel，但我不使用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(),
),