Konsumsi API Pokemon di Flutter

Belajar bagaimana cara mengkonsumsi API di aplikasi mobile Flutter dengan mengambil contoh API Pokemon. Kita akan menggunakan http package dart, pokeapi.co sebagai api, belajar infinite scroll dengan NotificationListener dan masih banyak lagi

Update kelas terakhir : 3 tahun yang lalu

cover flutterpokemon.jpg

trailer pokemon api flutter

trailer bermain dengan data pokemon api dari pokemon.co di aplikasi mobile lewat flutter

persiapan http request

Apa saja yang perlu dipersiapkan untuk melakukan http request di flutter untuk mengkonsumsi API? install package http dan mengizinkan android lewat file androidmanifest.xml untuk mengakses internet

model pokemon API

Sebelum mengkonsumsi suatu API, kita perlu melihat seperti apa strukturnya. Dari data API tersebut perlu dibuatkan model di flutter yang menyerupai data yang ingin diakses nanti

fetch data dengan http request

Mengambil atau fetch data API dengan http request package dari flutter

listview pokemon

Cara menampilkan data API pada listview dengan flutter

detail pokemon screen dan model

Mengakses endpoint API lain dengan detail screen untuk pokemonnya. Jangan lupa untuk membuatkan model lagi untuk API tersebut di flutter

gambar pokemon sprites

Menampikan gambar pokemon sprites di aplikasi flutter

infinite scroll di listView flutter

Bagaimana cara melakukan infinite scroll di listView flutter yang akan load data tanpa henti setiap user ada pada ujung scroll menggunakan NotificationListener dan ScrollEndNotification

mainkan API sesukamu

Itu dia cara kita menggunakan API di aplikasi flutter, sekarang waktunya kamu mainkan API ini sesukamu

Halaman ini adalah halaman video tutorial programming "Konsumsi API Pokemon di Flutter".

<< Daftar kelas koding lainnya