从子级更新父级Swiper的索引

时间:2019-10-16 19:08:22

标签: flutter dart flutter-layout flutter-test

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

0 个答案:

没有答案