Flutter aplikace neustále pracují s asynchronními operacemi (síťové požadavky, přístup k souborům, databázové dotazy). Dartovy Futures (jediný asynchronní výsledek) a Streams (sekvence asynchronních událostí), spolu s async/await a widgety jako FutureBuilder/StreamBuilder, jsou nezbytné pro asynchronní UI.
// 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 = jediná hodnota dostupná později (síťová odpověď, čtení souboru). async/await umožňuje asynchronnímu kódu číst se postupně.
// 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}'))
Rozdělení async, Futures a Streams je nezbytné, protože Flutter aplikace neustále pracují s asynchronními operacemi, takže jejich správné zpracování je základem pro vytváření skutečných aplikací.
Skoro každá aplikace provádí asynchronní práci — síťové požadavky, přístup k souborům, databázové dotazy, data v reálném čase — a asynchronní primitiva Dartu jsou tím, jak to zpracováváte.
Porozumění Futures (reprezentující jediný asynchronní výsledek dostupný později, jako je síťová odpověď) s async/await (umožňujícím asynchronnímu kódu čítání se postupně a čistě) je nezbytné pro provádění asynchronních operací.
Rozdělení FutureBuilder je zvláště důležité pro UI: vytváří UI na základě stavu Futures, správně zpracovává stavy načítání, chyby a data — což je přesně to, co skutečné aplikace potřebují (zobrazení spinneru během načítání, chybová zpráva při selhání a data při úspěchu), běžný a nezbytný vzor pro asynchronní UI.
Porozumění Streams (sekvence asynchronních událostí v čase, jako jsou živá data, websockety nebo čtení senzorů) a StreamBuilder (opětovné vytváření UI při příchodu nových událostí) je nezbytné pro reaktivní, UI v reálném čase a pro přístupy ke správě stavu vytvořené na základě streamů.
Správné zpracování asynchronní — včetně stavů načítání/chyby/dat, které spravují FutureBuilder a StreamBuilder — je základem pro vytváření aplikací, které správně načítají a zobrazují data (jádro většiny aplikací).
Protože Flutter aplikace neustále provádějí asynchronní operace (síť, soubory, data v reálném čase) a zobrazování jejich výsledků vyžaduje správné zpracování asynchronních stavů, a protože Futures, Streams, async/await a widgety Builder jsou základními nástroji pro to, je porozumění async, Futures a Streams ve Flutteru nezbytné a často používané znalosti — základní dovednost potřebná prakticky v každé skutečné Flutter aplikaci, která načítá nebo zpracovává data.