UDACODING

Posts

CARA MEMBUAT CAROUSEL PADA FLUTTER

Assalammu’alaikum Warahmatullahi Wabarakatuh

Bismillah,

Postingan kali ini akan membahas tentang cara membuat Carousel pada Flutter. Carousel adalah komponen untuk menampilkan foto atau artikel tertentu secara bergantian atau yang biasanya kita sebut dengan slideshow.

Berikut langkah kerja yang dilakukan dalam membuat carousel pada flutter :

  • Import library carousel pada pubspec.yaml. Untuk library carousel dapat di cari pada link berikut https://pub.dev/,
image-17 CARA MEMBUAT CAROUSEL PADA FLUTTER
  • Klik Packages get
image-18 CARA MEMBUAT CAROUSEL PADA FLUTTER
  • Buat sebuah folder dengan nama images, dan tambahkan foto yang ingin kita tampilkan pada slideshow carousel.
image-22 CARA MEMBUAT CAROUSEL PADA FLUTTER
  • Jika sudah, maka pada pubspec.yaml , pada asset image, ubah codingan menjadi sebagai berikut:
image-25 CARA MEMBUAT CAROUSEL PADA FLUTTER
  • Selanjutnya, pada main.dart  tambahkan codingan berikut ini untuk menampilkan carousel pada project kita
image-26 CARA MEMBUAT CAROUSEL PADA FLUTTER
  • Coba jalankan aplikasi, maka Carousel sudah dapat digunakan
image-29 CARA MEMBUAT CAROUSEL PADA FLUTTER

Leave a Reply :

* Your email address will not be published.