Skip to content

https://pub.dev/packages/flutter_swiper_view

介绍

引入依赖

java
dependencies:
  flutter_swiper_view: ^1.1.8

使用Swiper部件创建一个轮播图,其中itemCount是必填属性,代表需要轮播的内容的数量 itemBuilder:故名思义,就是我们需要轮播的内容可以通过它来制定,可以是任何Widget indicatorLayout:是指示器 autoplay:指代轮播的方式,true表示自动轮播

dart
return Scaffold(
  appBar: AppBar(
    title: const Text("ExampleHorizontal"),
  ),
  body: Swiper(
    itemBuilder: (context, index) {
      return Image.asset(
        images[index],
        fit: BoxFit.fill,
      );
    },
    indicatorLayout: PageIndicatorLayout.COLOR,
    autoplay: true,
    itemCount: images.length,
    pagination: const SwiperPagination(),
    control: const SwiperControl(),
  ));