Flutter Local Json Dosyasından Veri Okumak | Şehir Örneği

Merhaba 🎈

Bu yazımda en son oluşturduğumuz json ap mızı Flutter diliyle okuyup nasıl ekrana verileri yazdırabiliriz ona değineceğim.

İlk öncelikle buradaki gibi indirdiğimiz json dosyasını projemizde assets dosyası oluşturarak içerisine atıyoruz. Daha sonra ana sayfamızda verileri satır satır okumak ve yazdırmak için aşağıdaki kod örneğini kullanabiliriz.

body: FutureBuilder(
                future: DefaultAssetBundle.of(context)
                    .loadString("assets/cities.json"),
                builder: (context, snapshot) {
                  var mydata = json.decode(snapshot.data.toString());
                    return ListView.builder(
                      itemCount: mydata == null ? 0 : mydata.length,
                      itemBuilder: (context, index) {
                        return Card(
                          margin: const EdgeInsets.symmetric(
                              horizontal: 14.0, vertical: 6.0),
                          child: Row(
                            children: [
                              Expanded(
                                child: ListTile(
                                  contentPadding: const EdgeInsets.symmetric(
                                      horizontal: 15.0, vertical: 15.0),
                                  leading: Padding(
                                    padding: const EdgeInsets.all(15.0),
                                    child: Text(
                                      mydata[index]["city"],
                                    ),
                                  ),
                                ),
                              ),

Bu 3 bölümden oluşan yazı serimle, SpringBoot ile API oluşturup bunu Flutter da çağırıp ekrana verileri yazdırmış olduk.

Benim için verimli bir öğrenme süreciydi umarım sizler içinde faydalı olmuştur.

Happy Coding 👩🏻‍💻

Bir yanıt yazın

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Rating*