flutter_swiper:Another exception was thrown: ScrollController attached to multiple scroll views.

Another exception was thrown: ScrollController attached to multiple scroll views.

翻译一下:引发了另一个异常:ScrollController连接到多个滚动视图。

Flutter Swiper是一个轮播图组件,内部包含一个Widget List,当这个Widget List数量大于1,就可能会有这种情况

解决方案:给Swiper加一个Key即可解决

原有代码

 return Container(
      child: AspectRatio(
        aspectRatio: 1.5 / 1, // 宽高比450/300
        child: Swiper(
          itemBuilder: (BuildContext context, int index) {
            return new Image.network(
              imgList[index]['url'],
              fit: BoxFit.fill,
            );
          },
          itemCount: imgList.length,
          pagination: new SwiperPagination(),
          control: new SwiperControl(),
          autoplay: true,
        ),
      ),
    );

更新代码

 return Container(
      child: AspectRatio(
        aspectRatio: 1.5 / 1, // 宽高比450/300
        child: Swiper(
          key: UniqueKey(), // 这个必须添加,代表唯一
          itemBuilder: (BuildContext context, int index) {
            return new Image.network(
              imgList[index]['url'],
              fit: BoxFit.fill,
            );
          },
          itemCount: imgList.length,
          pagination: new SwiperPagination(),
          control: new SwiperControl(),
          autoplay: true,
        ),
      ),
    );

大功告成!!

posted @ 2021-09-13 00:34  糖~豆豆  阅读(386)  评论(0编辑  收藏  举报
Live2D