Membuat Gridlist Sendiri @ Cong Fandi | 2020-09-19T21:24:06+08:00 | 2 minutes read | Update at 2020-09-19T21:24:06+08:00

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

© 2018 - 2022 The Ngoding

Powered by Hugo with theme Dream.

avatar

The NgodingSebuah cita-cita hanyalah mimpi jika tidak tahu cara mewujudkannya