Ok di tutorial series Flutter kali ini, sebelum anda mengikuti Tutorial Flutter Menampilkan Detail Listview Dengan JSON Food App Part 2, anda harus mengikuti tutorial sebelumnya, tutorial Part 1 dan sudah disediakan Source Kode nya juga, silahkan kunjungi artikel ini : Tutorial Flutter Menampilkan ListView Dengan JSON Food App Part 1
Jika anda sudah mengikuti tutorial pertama mari kita lanjutkan tutorial JSON data flutter Food App bagian kedua ini.
Tutorial Flutter Menampilkan Detail ListView Dengan JSON Food App Part 2 |
Memulai Kode Flutter
Silahkan tambahkan file baru di lib dengan nama file detailView.dart
Setelah itu ubah file main.dart di lib menjadi seperti kode di bawah ini:
Di kode main.dart kita menambahkan widget InkWell untuk handling click dan navigation dengan mengirim params berupa model yang kita buat sebelumnya.
Kemudian kita run : flutter run , maka hasilnya akan seperti gambar di bawah ini :
Tutorial Flutter Menampilkan Detail ListView Dengan JSON Food App Part 2 |
Tutorial Flutter Menampilkan Detail ListView Dengan JSON Food App Part 2 |
Untuk full source code nya bisa di download disini
Sekian untuk tutorial Flutter Bahasa Indonesia Food App, untuk UI nya bisa kamu kembangkan sendiri sekian semoga tutorial Flutter Bahasa Indonesia ini dapat bermanfaat dan membantu kamu yang sedang mempelajari Flutter.
Baca Tutorial Flutter Dart KonsepKoding Lainnya:
#28 Tutorial HTTP Request Flutter Get API
#29 Tutorial Membuat UI Login Animasi Keren Flutter
0 Comments