شرح استخدام async و awite في Flutter بسهوله

Ahmed Mahmoud

اخر تحديث :

شرح استخدام async و awite في Flutter بسهوله

فكرة الasync و awite تعنى ببساطة انتظر الى ان تصل البيانات واجعل البيانات تنتظر الى ان تصل , هذة هي فكرتهم بسهوله وتستخدم في الدوال الFuture لان القيمة تكون مستقبليه بمعنى القيمة غير معروفه حاليا مثال على ذلك اذا كنت تحصل على بيانات من api سوف تستخدم async و awite لان البيانات تاتي من سيرفر وغير جاهزه لديك وقس على ذلك باقي الافكار وايضا الsql لان البيانات انت من تدخلها وليست موجوده .

لغه دارت ظهرت تقريبا في عام 2011 بالنسبه الفلاتر فهي عباره عن بيئه عمل ولكن تعمل بلغة Dart حيث ظهرت هذة التقنية في سنه 2017 وهذا يدل على ان هذة التقنية حديثة ولكن في خلال عدد قليل من السنوات اصبحت واحد من اهم التقنيات واللغات القوية التي انتقل عدد كبير من المطورين الى تعلمها والكثير اصبح يحاول بتتعلم البرمجه واحب البرمجه بسببها , فلاتر ولكن انا لا انصح بهذا الشيء مباشرة فننصحك بالبدء في تعلم لغه الجافا اولا , بعد استخدامي لفلاتر وجدت انها تشبه لغه جافا بشكل كبير جدا ويوجد بعض المتغيرات مختلفه عن اللغتين ولكن هي بشكل كبير قريبه من جافا اللغه غير صعبه جدا ولكن لغه بسيطه ولغه جميله وسنحاول تقديم كثير من الشروحات فيها لذلك حاول ان تتابع الموقع وتشاهد كل ما نقوم بتنزيله في موقعنا

طباعة البيانات من ميثود خارجية في فلاتر

في هذا الكود سوف نقوم بطباعة البيانات بشكل عادي جدا اذا كانت البيانات معرفه لدينا ولكن سوف نضع البيانات داخل methode ونستدعيها بالاعلى .

شرح استخدام awite و async في flutter

في هذا الجزء سوف نقوم بجعل الدالة Future وتكون تحتوي على نصوص لذلك تكون بين ال<> الدالة string وبعدها اسم الدالة وبعد الاسم ضع عبارة async وتعني اجعل البيانات تنتظر ان تحمل ثم تعرض في الاستدعاء تضع await وقبلها async وتعني انتظر البيانات الى ان تصل بشكل كامل وصحيح ثم قم بعرضها بعد ذلك وهذا يكون بعد التاكد من ان كل شيئ سليم ولا يوجد مشاكل .

كود awite و async

Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(appbar[currentIndex]),
      ),
      body: screen[currentIndex],
      // بمعنى انتظر البيانات الى ان تصل ثم قم بعرضها
      floatingActionButton: FloatingActionButton(onPressed: ()
      async
      {
        var job = await getJob();
        print(job);
      }, child: Icon(Icons.add),),
}

  // تشغيل الميثود في الباك جرواند 
  Future<String> getJob() async {
    return 'Developer';
  }
}