UDACODING

Posts

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 :

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.

Leave a Reply :

* Your email address will not be published.