Aplikasi Flutter sentiasa mengendalikan operasi tak segerak (permintaan rangkaian, akses fail, pertanyaan pangkalan data). Futures Dart (hasil async tunggal) dan Streams (jujukan peristiwa async), dengan async/await dan widget seperti FutureBuilder/StreamBuilder, adalah penting untuk UI async.
// 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 = satu nilai tunggal yang tersedia kemudian (respons rangkaian, bacaan fail). async/await menjadikan kod async dibaca secara berurutan.
// 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}'))
Memahami async, Futures, dan Streams adalah penting kerana aplikasi Flutter sentiasa berurusan dengan operasi tak segerak, jadi mengendalikannya dengan betul adalah asas kepada pembinaan aplikasi sebenar.
Hampir setiap aplikasi melakukan kerja async — permintaan rangkaian, akses fail, pertanyaan pangkalan data, data masa nyata — dan primitif async Dart ialah cara anda mengendalikannya.
Memahami Futures (mewakili satu hasil async yang tersedia kemudian, seperti respons rangkaian) dengan async/await (menjadikan kod async dibaca secara berurutan dan bersih) adalah penting untuk melaksanakan operasi async.
Memahami FutureBuilder amat penting untuk UI: ia membina UI berdasarkan state Future, mengendalikan dengan betul state memuatkan, ralat, dan data — yang sememangnya diperlukan oleh aplikasi sebenar (menunjukkan pemutar semasa memuatkan, mesej ralat semasa kegagalan, dan data semasa kejayaan), corak yang biasa dan penting untuk UI async.
Memahami Streams (jujukan peristiwa async dari masa ke masa, seperti data langsung, websockets, atau bacaan penderia) dan StreamBuilder (membina semula UI apabila peristiwa baharu tiba) adalah penting untuk UI reaktif dan masa nyata serta untuk pendekatan pengurusan state yang dibina di atas streams.
Mengendalikan async dengan betul — termasuk state memuatkan/ralat/data yang diuruskan oleh FutureBuilder dan StreamBuilder — adalah asas kepada pembinaan aplikasi yang mengambil dan memaparkan data dengan betul (teras kebanyakan aplikasi).
Memandangkan aplikasi Flutter sentiasa melaksanakan operasi tak segerak (rangkaian, fail, data masa nyata) dan memaparkan hasilnya memerlukan pengendalian state async dengan betul, dan memandangkan Futures, Streams, async/await, dan widget Builder ialah alat penting untuk ini, memahami async, Futures, dan Streams dalam Flutter adalah pengetahuan penting yang kerap digunakan — asas untuk membina aplikasi yang mengendalikan data dan operasi async dengan betul, kemahiran teras yang diperlukan dalam hampir setiap aplikasi Flutter sebenar yang mengambil atau memproses data.