En Yeni Konular

Flutter : Json Parsing & FutureBuilder

Flutter ile Json Parsing

https://jsonplaceholder.typicode.com/posts Apisinden gelen json’u modelleyip uygulamamızda kullanalım.

apinin içerisinde bulunan Json’un bir parçası

Json verimize göre https://app.quicktype.io sitesini kullanarak model sınıfımızın oluşturuyoruz.

Bu site bize json yapılarımızı uygulama içerisinde kolaylıkla kullanabilmemiz için o modele uygun model sınıfını yaratacak  ve encode, decode methodlarının kısayollarını vericek.

Json to Dart

Site yardımıyla Oluşturulmuş modelimiz

Veri modelimizin Listeye çevrilmesi

Api’den json verilerini aldıkdan sonra onları Future Liste şeklinde dönecek bir method yazalım.

FutureBuilder ile verinin uygulama içinde kullanılması

FutureBuilder ile future tipindeki verilerimizi kolaylıkla uygulama içerisinde kullanabiliriz. Tek yapmamız gereken future özelliğine future tipinde verimizi vermek ve daha sonra bize verdiği builder içerisindeki snapshot ile o verileri kullanmak.

Not : Snapshot’ın tipini builder içerisinde belirtirsek işlem yapmamız daha kolay olur.

Örneğin Tamamı

Örneğin Çıktısı

Flutter Json Parsing

Hakkında Necip Akgöz

İLGİNİZİ ÇEKEBİLİR

Flutter : Expanded Ve Flexible

BaşlıklarFlutter ile Json ParsingSite yardımıyla Oluşturulmuş modelimizVeri modelimizin Listeye çevrilmesiFutureBuilder ile verinin uygulama içinde kullanılmasıÖrneğin …

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir