用Flutter实现的无限滑动Banner。
可配置的属性
| 参数名 | 参数说明 |
|---|---|
| customViewPageItemWidget | 自定义内容布局 |
| autoScrollDurationSeconds | 自动滑动时间间隔[单位s] |
| bannerScrollDirection | Banner滑动方向[水平/垂直] |
| bannerMargin | Banner之间间距 |
| bannerBorderRadius | Banner圆角 |
| bannerDefaultBGColor | Banner默认背景颜色 |
| bannerTextAlignment | Banner文字位置 |
| bannerTextPadding | Banner文字Padding |
| bannerTextColor | Banner文字颜色 |
| bannerTextBGColor | Banner文字背景颜色 |
| onPageTap | 点击的事件监听 |
| height | View高度 |
| indicatorPositioned | 指示器位置 |
| indicatorScrollDirection | 指示器方向 [水平/垂直] |
| indicatorNormalColor | 指示器默认颜色 |
| indicatorSelectedColor | 指示器选中颜色 |
| indicatorNormalSize | 指示器点默认大小 |
| indicatorScaleSize | 指示器点选中放大倍数,默认1.4倍 |
| indicatorSpacing | 指示器点的间距 |
| indicatorStyle | 指示器样式[circle: 圆形, square: 方形] |
| indicatorAnimStyle | 指示器动画样式[normal: 选中变色, scaled:选中放大] |
使用示例
/// 构建数据
List<BannerGalleryBean> _createTestData() {
List<BannerGalleryBean> list = new List<BannerGalleryBean>();
for (int n = 0; n < IMGS.length; n++) {
list.add(BannerGalleryBean(
id: n.toString(),
photoUrl: https://www.baidu.com/img/bd_logo1.png?where=super,
description: n.toString);
}
return list;
}
/// 构建Widget
BannerGalleryWidget(
data: _createTestData(),
indicatorSelectedColor: Theme.of(context).primaryColor,
)
