Membuat Gridlist Sendiri

The Ngoding

Hola sobat ngoding, udah lama banget nih saya tidak menyapa temen-temen semua karena kesibukan ditempat kerja. Oke kali ini saya ingin membuat tutorial tentang membuat grislist sendiri nih di flutter. lho kenapa ko ini penting ? karena saya sendiri pernah membuat gridlist yang itemnya tidak bisa saya custom dan itu sangat merepotkan, akhirnya saya buat gridlist saya sendiri yang full custom dan dapat dengan mudah di maintanance.

Oke sebelum kita mulai, aku sedikit cerita dulu ya,

Jadi gridlist kita ini sebeanrnya gabungan antara Row dan Colum, boleh Colum duluan atau boleh Row duluan.

Yuk kita langsung ke kodingan.

Gridlist dengan Susunan Colum dan Row

    int pos = 0;
    Column(
            children: List.generate(
            10,
            (index) {
            return Row(
                children: List.generate(
                2,
                (index) {
                    pos++;
                    return Expanded(
                    child: pos >= 10
                        ? Container()
                        : Container(width:100,height:30,color:Colours.blue),
                    flex: 1,
                    );
                },
                ),
            );
            },
        ),
    )

Gridlist dengan Susunan Row dan Colum

    int pos = 0;
    Row(
            children: List.generate(
            2,
            (i) {
                pos=i;
            return Column(
                children: List.generate(
                10/2,
                (j) {
                    pos+=2;
                    return Expanded(
                    child: pos >= 10
                        ? Container()
                        : Container(width:100,height:30,color:Colours.blue),
                    flex: 1,
                    );
                },
                ),
            );
            },
        ),
    )

bagaimana guys ? mudah bukan ?

oh iya, ada beberapa kode yang sengaja saya salahkan ya :-V, selamat ber eksplorasi dengan kode kode diatas..


Sekedar ingin berbagi, dan bukan yang paling mampu - Penulis

Video

The Ngoding

13 Alasan Jetpack Compose Lebih Baik untuk Pengembangan Aplikasi Android

Cong Fandi

Jetpack Compose - Surface

Cong Fandi

Jetpack Compose - CutCornerShape

Cong Fandi

Jetpack Compose - RoundedCornerShape

Cong Fandi

Jetpack Compose - CircleShape

Cong Fandi

Jetpack Compose - ConstraintSet

Cong Fandi

Jetpack Compose - BadgeBox

Cong Fandi

Video

The Ngoding

Categories

Tags