نظرة عامة على المشروع
جزء من قسم مقدمة إلى SwiftUI في رحلة Swift على Coddy. الدرس 43 من 50.
في هذا المشروع، ستبني Coddy Coffee، وهو تطبيق صغير للطلبات، خطوةً واحدةً في كل درس. وبحلول النهاية، سيحتوي على:
- قائمة بالمشروبات مع أسعارها
- شاشة لكل مشروب
- محدِّد للحجم
- مُدرِّج للكمية وإجمالي الطلب
- زر يضع الطلب
تبدأ كل خطوة من الشيفرة الخاصة بك في الخطوة السابقة، لذا احتفظ بكل ما كتبته وبالمعرّفات التي تمنحها المهام. المشروبات هي بنية:
struct Drink: Identifiable {
let id = UUID()
let name: String
let price: Double
}تُنشئ هذه الخطوة القائمة: NavigationStack مع List، وصفًّا واحدًا لكل مشروب، والاسم على اليسار والسعر على اليمين.
التحدي
سهلأنشئ شاشة القائمة. داخل NavigationStack، اعرض List من drinks بعنوان Coddy Coffee. كل صف هو HStack يحتوي على اسم المشروب، وSpacer وسعره بمنزلتين عشريتين، مثل $2.50.
جرّب بنفسك
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}
اختبر نفسكيتضمن هذا الدرس اختبارًا قصيرًا. ابدأ الدرس للإجابة عليه وتتبّع تقدمك.
جميع دروس مقدمة إلى SwiftUI
تدرّب بنفسك: Playground لـ Swift