في هذا التمرين المطلوب هو صنع برنامج يحتوي على ListView تعرض من خلالها قائمة معالم الكويت التالية : kuwait towers , Liberation Tower , Grand Mosque وفي نهاية التمرين يجب أن تكون النتيجة مقاربة للشكل التالي:
- حمل الـ repository (هذا الفولدر)
- افتح الملف في VS code
- ادخل على برنامج VS code وانشئ ملف تمرين داخل مجلد cw-1 في ال repository
- قم بإنشاء برنامج Flutter جديد و احفظه داخل الملف
- أضف MateiralApp و Scoffold للبرنامج
- ننشأ building class والذي يحتوي على المعلومات المهمة للمبنى
Type | Name of variable |
---|---|
String | name |
String | imgUrl |
- ننشأ list و فيها معالم الكويت
var buildings = [
Building(
name: 'أبراج الكويت',
imgUrl:
'https://user-images.githubusercontent.com/24327781/188260105-52be6a2e-a6d3-4ceb-86c0-ddc83e0aa5b6.jpeg',
),
Building(
name: 'برج التحرير',
imgUrl:
'https://user-images.githubusercontent.com/24327781/188260123-28de85b4-d272-4ebb-b2ad-22a9582079bf.jpeg',
),
Building(
name: 'المسجد الكبير',
imgUrl:
'https://user-images.githubusercontent.com/24327781/188260137-021d865a-625e-4941-ad75-6427c690e0cf.jpeg',
),
];
- نضيف ListView للبرنامج و في داخلها نعرض معالم الكويت و صور المباني كما هو موضح بالصوره
قم بإنشاء صفحة اخرى تستعرض أسم المعلم وصورة المبنى بشكل أكبر
قم بإضافة متغير description داخل Building class وقم بإضافة الوصف لكل مبنى وأستعرض الوصف أسفل الصورة في الصفحة الثانية