Kali ini kita akan membuat gambar slider carousel pada flutter
untuk file pubspec.yml jangan lupa tambahkan :
arousel_slider: ^4.0.0
Jangan lupa lakukan perintah :
flutter clean
flutter pub get
untuk main.dart :
import 'package:flutter/material.dart';
import 'package:carousel_slider/carousel_slider.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
appBar: AppBar(
title: Text('Carousel Slider Example'),
),
body: Center(
child: CarouselSlider(
items: [
// Daftar widget gambar di sini
Image.network('https://cdn1.katadata.co.id/media/images/thumb/2023/05/30/Contoh_gambar_bunga-2023_05_30-20_55_49_65d06858e97bd97fdce7a736c3e726e8_960x640_thumb.jpg'),
Image.network('https://cdn1.katadata.co.id/media/images/thumb/2023/05/30/Contoh_gambar_bunga-2023_05_30-20_55_49_65d06858e97bd97fdce7a736c3e726e8_960x640_thumb.jpg'),
Image.network('https://cdn1.katadata.co.id/media/images/thumb/2023/05/30/Contoh_gambar_bunga-2023_05_30-20_55_49_65d06858e97bd97fdce7a736c3e726e8_960x640_thumb.jpg'),
],
options: CarouselOptions(
height: 200.0,
enlargeCenterPage: true,
autoPlay: true,
aspectRatio: 16/9,
autoPlayCurve: Curves.fastOutSlowIn,
enableInfiniteScroll: true,
autoPlayAnimationDuration: Duration(milliseconds: 800),
viewportFraction: 0.8,
),
),
),
),
);
}
}
selesai
