
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 👩🏻💻