Flutter uygulamaları sürekli olarak asynchronous işlemleri (ağ istekleri, dosya erişimi, veritabanı sorguları) yönetir. Dart'ın Futures (tek async sonuç) ve Streams (async olaylarının dizileri), async/await ve FutureBuilder/StreamBuilder gibi widget'larla birlikte, async UI için gereklidir.
// a Future represents a single async result that completes later
Future<String> fetchUser() async {
final response = await http.get(url); // await pauses until the Future completes
return response.body; // returns the result
}
// using it
final data = await fetchUser(); // await the result
// or: fetchUser().then((data) => ...); // callback style
Future = daha sonra kullanılabilir olacak tek bir değer (bir ağ yanıtı, dosya okuması). async/await async kodu sırasal olarak okunması için düzenler.
// FutureBuilder rebuilds the UI based on the Future's state (loading/data/error)
FutureBuilder<String>(
future: fetchUser(),
builder: (context, snapshot) {
if (snapshot.connectionState == ConnectionState.waiting) {
return CircularProgressIndicator(); // loading
} else if (snapshot.hasError) {
return Text('Error: ${snapshot.error}'); // error
} else {
return Text(snapshot.data!); // got the data
}
},
)
// a Stream = a SEQUENCE of async events over time (e.g. live data, websocket, sensor)
Stream<int> counter() async* {
for (int i = 0; i < 10; i++) {
await Future.delayed(Duration(seconds: 1));
yield i; // emit each value
}
}
// StreamBuilder rebuilds the UI as new events arrive
StreamBuilder<int>(stream: counter(), builder: (context, snapshot) => Text('${snapshot.data}'))
Async, Futures ve Streams'i anlamak önemlidir çünkü Flutter uygulamaları sürekli asynchronous işlemlerle uğraşır, bu nedenle bunları doğru şekilde yönetmek gerçek uygulamalar oluşturmak için temeldir.
Hemen hemen her uygulama async işlem gerçekleştirir — ağ istekleri, dosya erişimi, veritabanı sorguları, gerçek zamanlı veriler — ve Dart'ın async primitifleri bunu nasıl yönettiğinizdir.
Futures (daha sonra kullanılabilir olacak tek bir async sonucu temsil eden, bir ağ yanıtı gibi) ve async/await (async kodu sırasal ve temiz bir şekilde okunması için yapan) anlamak, async işlemleri gerçekleştirmek için gereklidir.
FutureBuilder anlamak özellikle UI için önemlidir: Future'ın durumuna göre UI oluşturur, yükleme, hata ve veri durumlarını düzgün şekilde yönetir — bu tam olarak gerçek uygulamaların ihtiyaç duyduğu şeydir (yükleme sırasında spinner göstermek, başarısızlık durumunda hata mesajı göstermek ve başarı durumunda veriyi göstermek), async UI için yaygın ve gerekli bir desendir.
Streams (zaman içinde async olaylarının dizileri, canlı veriler, websockets veya sensör okumaları gibi) ve StreamBuilder (yeni olaylar geldiğinde UI'yi yeniden oluşturmak) anlamak, reaktif, gerçek zamanlı UI'lar ve stream tabanlı inşa edilen state yönetimi yaklaşımları için gereklidir.
Async'i doğru şekilde yönetmek — FutureBuilder ve StreamBuilder'ın yönettiği yükleme/hata/veri durumları dahil — verileri doğru şekilde getiren ve gösteren uygulamalar oluşturmak için temeldir (çoğu uygulamanın özü).
Flutter uygulamaları sürekli asynchronous işlemler gerçekleştirdiğinden (ağ, dosyalar, gerçek zamanlı veriler) ve sonuçlarının görüntülenmesi async durumlarının doğru şekilde yönetilmesini gerektirdiğinden, ve Futures, Streams, async/await ve Builder widget'ları bunun için gerekli araçlar olduğundan, Flutter'da async, Futures ve Streams'i anlamak gerekli, sık uygulanan bilgidir — veri getiren veya işleyen uygulamaları doğru şekilde yönetmek için temel olan ve neredeyse her gerçek Flutter uygulamasında ihtiyaç duyulan temel bir beceridir.