flutter_banner_swiper 0.0.7

A banner swiper package.

flutter_banner_swiper

A refresh loadmore listview package.

Getting Started

Installing

flutter_banner_swiper: ^0.7

Import

import 'package:flutter_banner_swiper/flutter_banner_swiper.dart';

How To Use

最简单的应用

    BannerSwiper(

          //width  和 height 是图片的高宽比  不用传具体的高宽   必传
          height: 108,
          width: 54,
          //轮播图数目 必传
          length: bannerList.length,

          //轮播的item  widget 必传
          getwidget: (index) {
            return new GestureDetector(
                child:  Image.network(bannerList[index % bannerList.length].img,fit: BoxFit.cover,),
                onTap: () {
                  //点击后todo
                });
          },
        );

复杂点的

 BannerSwiper(
       //是否是spacemode 默认true
       spaceMode: false,
       //是否显示指示器 默认true
       showIndicator: false,
       //是否自动循环翻页 默认true
       autoLoop: false,
       //自定义 未选中指示器
       normalWidget: Container(
         width: 10,
         height: 10,
         color: Colors.white,
       ),
       //自定义 选中指示器
       selectorWidget: Container(
         width: 10,
         height: 10,
         color: Colors.black38,
       ),

       //width  和 height 是图片的高宽比  不用传具体的高宽   必传
       height: 108,
       width: 54,
       //轮播图数目 必传
       length: bannerList.length,

       //轮播的item  widget 必传
       getwidget: (index) {
         return new GestureDetector(
             child:  Image.network(bannerList[index % bannerList.length].img,fit: BoxFit.cover,),
             onTap: () {
               //点击后todo
             });
       },
     );

默认spaceMode=true效果

默认spaceMode=false效果