تتعامل تطبيقات Flutter باستمرار مع العمليات غير المتزامنة (طلبات الشبكة، الوصول إلى الملفات، استعلامات قواعد البيانات). يعتبر Futures الخاص بـ Dart (نتائج غير متزامنة واحدة) و Streams (سلاسل من الأحداث غير المتزامنة)، مع async/await و الـ widgets مثل FutureBuilder/StreamBuilder، ضرورياً للواجهة الرسومية غير المتزامنة.
// 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 = قيمة واحدة متاحة لاحقاً (استجابة شبكة، قراءة ملف). async/await يجعل الكود غير المتزامن يُقرأ بشكل متسلسل.
// 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 و Streams ضروري لأن تطبيقات Flutter تتعامل باستمرار مع العمليات غير المتزامنة، لذا فإن التعامل معها بشكل صحيح أمر أساسي لبناء تطبيقات حقيقية.
كل تطبيق تقريباً ينفذ عملاً غير متزامن — طلبات الشبكة، الوصول إلى الملفات، استعلامات قواعد البيانات، البيانات في الوقت الفعلي — وأوليات async الخاصة بـ Dart هي الطريقة التي تتعامل بها معها.
فهم Futures (التي تمثل نتيجة غير متزامنة واحدة متاحة لاحقاً، مثل استجابة الشبكة) مع async/await (جعل الكود غير المتزامن يُقرأ بشكل متسلسل ونظيف) ضروري لتنفيذ العمليات غير المتزامنة.
فهم FutureBuilder مهم بشكل خاص للواجهة الرسومية: فهو يبني الواجهة الرسومية بناءً على حالة Future، مع التعامل الصحيح مع حالات التحميل والخطأ والبيانات — وهو بالضبط ما تحتاجه التطبيقات الحقيقية (عرض مؤشر دوار أثناء التحميل، رسالة خطأ عند الفشل، والبيانات عند النجاح)، وهو نمط شائع وضروري للواجهة الرسومية غير المتزامنة.
فهم Streams (سلاسل من الأحداث غير المتزامنة عبر الوقت، مثل البيانات المباشرة، websockets، أو قراءات المستشعرات) و StreamBuilder (إعادة بناء الواجهة الرسومية عند وصول أحداث جديدة) ضروري للواجهات الرسومية التفاعلية والفورية وللتعاملات إدارة الحالة المبنية على streams.
التعامل مع async بشكل صحيح — بما في ذلك حالات التحميل/الخطأ/البيانات التي تدير FutureBuilder و StreamBuilder — أمر أساسي لبناء تطبيقات تجلب وتعرض البيانات بشكل صحيح (جوهر معظم التطبيقات).
نظراً لأن تطبيقات Flutter تنفذ باستمرار عمليات غير متزامنة (شبكة، ملفات، بيانات فورية) وعرض نتائجها يتطلب التعامل الصحيح مع حالات async، ولأن Futures و Streams و async/await و الـ Builder widgets هي الأدوات الأساسية لهذا، فإن فهم async و Futures و Streams في Flutter يعتبر معرفة أساسية وكثيرة التطبيق — ضروري لبناء تطبيقات تتعامل مع البيانات والعمليات غير المتزامنة بشكل صحيح، وهي مهارة أساسية مطلوبة في كل تطبيق Flutter حقيقي تقريباً يجلب أو يعالج البيانات.