Hallo sobat flutter, kali ini saya akan membahas tentang cara penggunaan carousel slider. Carousel slider itu merupakan sebuah package dari flutter untuk memudahkan pengguna membuat slider pada aplikasi flutter. Seperti biasa, pertama – tama buka terlebih dahulu vs code atau android studio, kemudian buatlah projek baru, nama projeknya bebas. Setelah projek baru selesai dibuat, tambahkan package carousel_slider | Flutter Package (pub.dev) (bisa klik link tersebut) ke dalam pubspec.yaml. Setelah package berhasil ditambahkan, udah selesai deh, ahaha maaf bercanda. Disini saya akan menghapus kodingan bawaan dari flutter ketika membuat projek baru.

Sebetulnya kalian bisa melihat dokumentasinya di github, karena kalau kalian mengecek di pub.dev, dibagian example selain kode yang tertera, kalian bisa klik link untuk menuju github. Disini saya akan menunjukan sebagian dari dokumentasi yang ada di github. Saya membuat dua file dart, yang pertama ada main.dart dan yang kedua home_screen.dart.

Ini bagian dari main.dart, seperti biasa dikodingan tersebut terdapat void main untuk menjalankan projek yang telah kita buat. Kemudian saya membuat sebuah class MyApp yang me-return MaterialApp, kemudian home nya mengarahkan ke class CarouselWithIndicatorDemo.

Disini saya membuat variabel imgList dengan type data String berbentuk List, kemudian setelah itu saya membuat sebuah statefull widget dengan nama class CarouselWithIndicatorDemo.

Kurang lebih seperti ini kodenya, kemudian dari kode tersebut akan menghasilkan hasil seperti gambar dibawah ini.

Untuk image nya saya menggunakan network image, yang saya ambil dari unsplash Beautiful Free Images & Pictures | Unsplash. Kurang lebihnya mohon maaf, semoga bermanfaat, terimakasih.