Tutorial Flutter Membuat Vegetable Market App UI Bahasa Indonesia #6
Tutorial Flutter Membuat Vegetable Market App UI Bahasa Indonesia #6
Halo! Di sini kita akan melanjutkan tutorial sebelumnya. Jika kalian belum mengetahui referensi desgin yang digunakan pada tutorial ini, kalian dapat melihat tutorial pertama.
Selanjutnya, kita akan membuat list of salad. Seperti biasa, kita akan membuat model, menambahkan data, lalu membuat tampilannya di shop screen. Oke lansung saja. Buka folder models, lalu buat item_model.dart, seperti ini.
Kemudian, buka folder data, lalu buat menjadi seperti ini.
Nah, sekarang kita kita shop screen dan buat menjadi seperti ini.
Sebetulnya, apa yang kita lakukan selama ini hampir sama. Jika dilihat, konsep dasarnya mirip, yaitu kita melakukan perulangan pada data yang kita pakai untuk menciptakan widget.
Begitu juga pada salad list ini, kita menampilkan berbagai macam salad dengan menggunakan list view. Untuk setiap item-nya, kita gunakan card. Jika program dijalankan, maka akan tampil seperti ini.
 |
| Hasil |
Pada tutorial selanjutnya, kita akan melakukan separation atau pemisahan pada setiap widget yang kita buat. Tujuannya adalah agar shop screen menjadi lebih sedikit line-nya. Sekian tutorial kali ini. Semoga bermanfaat. Terima kasih.
0 Comments