Watch 1 Star 0 Fork 0

prd / FlutterCarouselDemoDartApache-2.0

Join us
Explore and code with more than 5 million developers,Free private repositories !:)
Sign up
一个简单的Flutter轮播组件. spread retract

Clone or download
Cancel
Notice: Creating folder will generate an empty file .keep, because not support in Git
Loading...
README.md

轮播组件

目前仅实现简单功能:

  1. 可以自定义网络图片或本地图片(可以混用本地图片和网络图片);
  2. 自定义图片切换时间;
  3. 自定义是否开启自动轮播.

运行效果

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

示例图片来自: 饿了么Element组件

调用示例

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

  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,
  ),
),

Comments ( 0 )

Sign in for post a comment

Dart
1
https://gitee.com/pruidong/FlutterCarouselDemo.git
git@gitee.com:pruidong/FlutterCarouselDemo.git
pruidong
FlutterCarouselDemo
FlutterCarouselDemo
master

Help Search