Swiper
是flutter package
,类似于图片/ gifs /视频的carousel
。
我想实现这样的目标。
我有一个父窗口小部件,它是Swiper
,而它的孩子是widget
,其中包含 image , name ,和说明。
如果我点击子窗口小部件上的图像,我想显示Swiper的下一项/更新Swiper的索引。
父小部件:
Swiper(
index: widget.inititalIndex,
itemBuilder: (BuildContext c, int i) {
return SwiperContent(
contentList: widget.contentList,
selectedIndex: i,
);
},
itemCount: widget.conteList.length,
loop: false,
duration: 1000,
)
SwiperContent小部件:
Widget stackContent() {
return GestureDetector(
onTap: () {
//ASSUME I AM ON THE FIRST INDEX
widget.selectedIndex++;
//THIS SHOWS THE NEXT ITEM FROM THE LIST BUT WHEN I TRY TO SWIPE RIGHT, THE CONTENT THAT IS SHOWING IS FROM THE NEXT ITEM BUT THE INDEX IS STILL AT 0.
},
child: Stack(
children: <Widget>[
Image.network(contentList[selectedIndex].image),
Center(
child: Text(contentList[selectedIndex].description),
)
],
),
);
}