• Sel. Nov 22nd, 2022

    Sih4nk

    Dari Kita Untuk Kita

    #05 Belajar Flutter : GridView

    GridView

    GridView: Widget ini digunakan untuk membuat daftar dengan satu atau lebih widget tree di setiap barisnya, jumlah widget yang ditampilkan dapat diatur sesuai dengan kebutuhan. Di dalam widget tree kita bisa melakukan kustomisasi widget sesuai dengan selera. Widget ini biasa kita temukan di aplikasi e-commerce, yaitu tampilan list produk.

    Cara Membuat Grid View di Flutter

    Cara membuat GridView di flutter cukup mudah, di artikel kali ini juga kita akan coba menggunakan data list dummy dengan custom widget di setiap gridnya. Ok langsung saja!.

    1. Buatlah sebuah project flutter baru. Buka visual studio code → tekan ctrl + shift + P → flutter new project → pilih folder(bebas) → kasih nama project “latihan_4“.
    2. Buka file main.dart. Lalu hapus isinya dan ganti dengan script yang ada di bawah ini. Untuk penjelasan sudah saya sertakan di script dan tabel penjelas. Tapi jika ada yang kurang dimengerti, silahkan tanya langsung di kolom komentar.
    karena pada list gambar kita akan menggunakan CustomCard pada Scaffold

    untuk script classwidgetnya adalah :

    selanjutnya kita akan buat customcard dengan menggunakan widget StatelessWidget


    jika di run

    hasilnya

    Materi Belajar Flutter yang lainnya :

    #01 Belajar Flutter : Apa itu Flutter?

    Cara Mudah Install Flutter Tanpa Android Studio

    #02 Belajar Flutter : Aplikasi Pertama

    #03 Belajar Flutter : Bottom Navigation Bar

    #04 Belajar Flutter : Carousel Slider 

    #05 Belajar Flutter : GridView

    Tinggalkan Balasan

    Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

    //nossairt.net/4/5415556