# FlutterCarouselDemo

**Repository Path**: pruidong/FlutterCarouselDemo

## Basic Information

- **Project Name**: FlutterCarouselDemo
- **Description**: 一个简单的Flutter轮播组件.
- **Primary Language**: Dart
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 2
- **Forks**: 0
- **Created**: 2020-06-14
- **Last Updated**: 2022-06-09

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 轮播组件

目前仅实现简单功能:
   
1. 可以自定义网络图片或本地图片(可以混用本地图片和网络图片);
2. 自定义图片切换时间;
3. 自定义是否开启自动轮播.

# 运行效果

运行效果在根目录的Screenshot目录下.

> 示例图片来自: [饿了么Element组件](https://element.eleme.cn/#/zh-CN/component/image)

## 调用示例

```dart
  
/// 本地图片与网络图片混用.  

  static const List<String> _images = [
   'assets/images/3302e58f9a181d2509f3dc0fa68b0jpeg.jpeg',
    'assets/images/19aa98b1fcb2781c4fba33d850549jpeg.jpeg',
    'https://fuss10.elemecdn.com/0/6f/e35ff375812e6b0020b6b4e8f9583jpeg.jpeg',
   'https://fuss10.elemecdn.com/9/bb/e27858e973f5d7d3904835f46abbdjpeg.jpeg',
    'https://fuss10.elemecdn.com/d/e6/c4d93a3805b3ce3f323f7974e6f78jpeg.jpeg',
    'https://fuss10.elemecdn.com/3/28/bbf893f792f03a54408b3b7a7ebf0jpeg.jpeg',
   'https://fuss10.elemecdn.com/2/11/6535bcfb26e4c79b48ddde44f4b6fjpeg.jpeg',
    'https://fuss10.elemecdn.com/a/3f/3302e58f9a181d2509f3dc0fa68b0jpeg.jpeg',
   'https://fuss10.elemecdn.com/1/34/19aa98b1fcb2781c4fba33d850549jpeg.jpeg',
   'https://fuss10.elemecdn.com/0/6f/e35ff375812e6b0020b6b4e8f9583jpeg.jpeg'
  ];

 /// ......

 SizedBox(
  width: double.infinity,
  height: 200,
  child: Carousel(
    _images,
    autoPlayer: false,
  ),
),

 ```