Tutorial Parsing Data Menggunakan Flutter
Assalamualaikum wr.wb
Pada kesempatan kali ini saya akan membagikan tutorial cara menampilkan API dari internet menggunakan flutter, untuk langkah-langkah nya ternyata mudah loh, ada library khusus untuk flutter namanya yaitu http , baik kita langsung saja ke step-step nya :
- Buat project flutter, untuk namanya bebas
- Import Library Http
buka website pub.dev cari http kemudian copy kan dependencies ke file pubspec.yaml
dependencies:
http: ^0.12.0+2
kemudian get package
- Kemudian import di main.dart
import ‘package:http/http.dart’;
setelah di import kita perlu membuat model nya terlebih dahulu supaya nanti bisa tampil datanya, untuk model bisa dibuat di https://app.quicktype.io/
Kita akan menggunakan sebuah data dari jsonplaceholder, buka URL berikut https://jsonplaceholder.typicode.com/users kemudian kita buka quicktype io
ikuti langkah-langkah seperti diatas :
- Paste json dari https://jsonplaceholder.typicode.com/users
- Masukan nama classnya , disini saya beri nama ModelUsers
- Language nya pilih Dart
- Copy Code
Buka Project Flutter
Kemudian buat folder di dalam lib, beri nama model selanjutnya buat file dart baru namanya model_users.dart paste yang tadi di quicktype ke sini.
Import Library
kita perlu mengimport library HTTP jika kita menggunakan webservice. langkah-langkah nya :
- Buka website pub.dev
- Cari library http
copy yang ada dependencies, taruh di file pubspec.yaml, sesuaikan seperti gambar di bawah ini :
setelah selesai maka kita save, kemudian kita buat main.dart
sesuaikan kode berikut
https://gist.github.com/hafidalim/afa8b9ccab1a03109c451da27f290ea5
Kemudian kita run aplikasi.