[ Flutter ] [ Package ] carousel_slider

https://pub.dev/packages/carousel_slider

carousel_slider | Flutter Package

 

Read me

 

Code

$ flutter pub add carousel_slider
$ flutter pub get

import 'package:carousel_slider/carousel_slider.dart';

final dummyItems = [
  'https://cdn.pixabay.com/photo/2018/11/12/18/44/thanksgiving-3811492_1280.jpg',
  'https://cdn.pixabay.com/photo/2019/10/30/15/33/tajikistan-4589831_1280.jpg',
  'https://cdn.pixabay.com/photo/2019/11/25/16/15/safari-4652364_1280.jpg',
];

Widget _buildSlider() {
  return CarouselSlider(
    options: CarouselOptions(
      height: 150,
      autoPlay: true,
    ),
    items: dummyItems.map((url) {
      return Builder(
        builder: (BuildContext context) {
          return Container(
            width: MediaQuery.of(context).size.width,
            margin: const EdgeInsets.symmetric(horizontal: 5.0),
            child: ClipRRect(
              borderRadius: BorderRadius.circular(8.0),
              child: Image.network(
                url,
                fit: BoxFit.cover,
              ),
            ),
          );
        },
      );
    }).toList(),
 );
}