Flutter
AsyncSnapshot
AsyncSnapshot bağlantı durumlarını öğrenirsin.
AsyncSnapshot
AsyncSnapshot, Future'ın o anki durumunu taşır. ConnectionState ile bağlantı aşamasını, data ile sonucu, error ile hatayı verir.
snapshot.connectionState
snapshot.data
snapshot.error
builder içinde bu bilgilere göre farklı widget'lar gösterilir.
ConnectionState değerleri
ConnectionState dört değer alır: none (henüz başlamadı), waiting (bekliyor), active (stream aktif), done (tamamlandı). FutureBuilder için en sık kullanılanlar waiting ve done'dur.
if (snapshot.connectionState == ConnectionState.done) {
return Text(snapshot.data!);
}
done, sonucun hazır olduğunu belirtir.
Uygulama ConnectionState.done ile sonucu göster
veriGetir async metodu 100 ms bekleyip 'Tamamlandı' döndürsün. FutureBuilder<String> içinde snapshot.connectionState == ConnectionState.done ise sonucu, değilse 'bekle' metnini göster. main içinde print('başladı') çağır.
Örnek çözümü göster
import 'package:flutter/material.dart';
Future<String> veriGetir() async {
await Future.delayed(Duration(milliseconds: 100));
return 'Tamamlandı';
}
void main() {
print('başladı');
runApp(MaterialApp(home: Ekrani()));
}
class Ekrani extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
body: Center(
child: FutureBuilder<String>(
future: veriGetir(),
builder: (context, snapshot) {
if (snapshot.connectionState == ConnectionState.done) {
return Text(snapshot.data!);
}
return Text('bekle');
},
),
),
);
}
}
Kendini test et
-
AsyncSnapshot'ın bağlantı durumunu hangi özellik verir?
- snapshot.error
- snapshot.builder
- snapshot.data
- snapshot.connectionState
Cevabı göster
snapshot.connectionState — AsyncSnapshot'ın connectionState özelliği bağlantı aşamasını (none, waiting, active, done) verir.
-
ConnectionState kontrolü ekle
if (snapshot.connectionState == ConnectionState.____) {
return Text(snapshot.data!);
}
Cevabı göster
if (snapshot.connectionState == ConnectionState.done) {
return Text(snapshot.data!);
}
-
AsyncSnapshot parçaları
- AsyncSnapshot
- Future'ın o anki durumunu taşır
- ConnectionState
- Bağlantı aşamasını verir
- data
- Future'ın sonucu
- error
- Future fırlatırsa hatası
Sıradaki ders: loading ve error
