flutter level1
flutter level3
flutter level4

#23 World time App (Flutter dart project)

هدفى الأساسى فى هذا الكورس ان تتعلم :

  1. تصميم التطبيق (flutter widgets) ✔
  2. تعلم لغة dart ✔
  3. تتعلم مهارة الاستماع فى اللغة الانجليزية ✔

وبناءاً على ذلك سيتم عمل هذا المشروع

Download project files

packages :

  1. flutter_spinkit
  2. http
  3. intl How to use?
طريقة وضع الصورة كــ خلفية للشاشة ⭐
فى هذا الفيديو تم شرح
Widgetpropertiesالمصدر
Container(is a container of other widgets
  • child → Widget
  • color → Color ♠
  • margin → EdgeInsets.
  • padding → EdgeInsets.
  • height → double
  • width → double
  • alignment → Alignment.
  • transform → Matrix4.
  • decoration → BoxDecoration(
BoxDecoration(لكى تتحكم أكثر فى الـ container
  • color → Color ♠
  • border → Border.all(color: , width: )
  • borderRadius → BorderRadius. ♦
  • shape → BoxShape. ♦
  • ⭐ image: DecorationImage(image: AssetImage("assets/test.jpg"), fit: BoxFit.cover),
شرح الـ ListTile widget
فى هذا الفيديو تم شرح
Widgetpropertiesالمصدر
ListTile (تستخدم مع الـ card widget لعمل شكل مستطيل رايق
  • onTap: (){}
  • title: wigdet
  • leading: CircleAvatar(backgroundImage: AssetImage("assets/test.jpg"),),

Download files

#23.1 Logic

worldtimeapi.org

worldtimeapi.org/timezone

Download files

#23.2 Navigate to the second screen with DATA

  1. Navigator.pop(context, {DATA});
    Return to the previous screen & pop the current screen off the stack.
  2. Navigator.pushNamed(context, '/second', arguments: {DATA});
    Navigate to the next screen & add the current screen to the stack.
  3. Navigator.pushReplacementNamed(context, '/second', arguments: {DATA} );
    Navigate to the next screen & replace the current screen with the new screen in the stack.

استقبال الـ DATA من الشاشة السابقة عن طريق هذا الكود :

Map receivedData = ModalRoute.of(context)!.settings.arguments as Map;

Download files

#23.3 Change img depending on time

Download files

#23.4 Repeated code (class)

⚠أى نوع data يحتوى على properties & methods

⚠الــ method عبارة عن function بداخل الـ class

Download files

#23.5 Return data from a screen

Download files

#23.6 List of data(classes)

توفير فى الوقت
 List<AllCountries> allCountries = [
    AllCountries(link: 'Africa/Cairo', countryName: 'Egypt - Cairo', flag: 'egypt.png'),
    AllCountries(link: 'Africa/Tunis', countryName: 'Tunisia - Tunis', flag: 'tunisia.png'),
    AllCountries(link: 'Africa/Algiers',countryName: 'Algeria - Algiers', flag: 'algeria.png'),
    AllCountries(link: 'Australia/Sydney', countryName: 'Australia - Sydney', flag: 'australia.png'),
    AllCountries(link: 'America/Toronto', countryName: 'Canada - Toronto',flag: 'canada.png'),
    AllCountries(link: 'Asia/Riyadh', countryName: '	Saudi Arabia - Riyadh', flag: 'sa.png'),
];

Download files

😡
انت مشغل الـ AdBlock !!

ياريت تقفله لوسمحت 😊 😊

تنبيه هام ✋

إذا كانت الإعلانات مزعجة بالنسبة لك، فيُمكنك التبرع ب50$ وسيتم إيقاف الإعلانات لمدة شهر لجميع زوار الموقع 🧡 ويُمكنك التواصل معنا عن طريق صفحة الفيس بوك