Menu
CoddyTech

Gambaran Proyek

Termasuk bagian Pengenalan SwiftUI dalam perjalanan Swift di Coddy. Pelajaran 43 dari 50.

Dalam proyek ini, kamu membangun Coddy Coffee, aplikasi pemesanan kecil, satu langkah di setiap pelajaran. Pada akhirnya, aplikasi ini memiliki:

  1. menu minuman beserta harganya
  2. layar untuk setiap minuman
  3. pemilih ukuran
  4. pengatur jumlah dan total pesanan
  5. tombol untuk membuat pesanan

Setiap langkah dimulai dari kodemu pada langkah sebelumnya, jadi pertahankan semua yang kamu tulis dan identifier yang diberikan oleh tugas. Minuman adalah struct:

struct Drink: Identifiable {
    let id = UUID()
    let name: String
    let price: Double
}

Langkah ini membuat menu: NavigationStack dengan List, satu baris untuk setiap minuman, nama di sebelah kiri dan harga di sebelah kanan.

challenge icon

Tantangan

Mudah

Buat layar menu. Di dalam NavigationStack, tampilkan List berisi drinks dengan judul Coddy Coffee. Setiap baris berupa HStack yang berisi nama minuman, Spacer, dan harganya dengan dua angka desimal, seperti $2.50.

Coba sendiri

import SwiftUI

@main
struct CoddyApp: App {
    var body: some Scene {
        WindowGroup {
            ContentView()
        }
    }
}
quiz iconUji dirimu

Pelajaran ini berisi kuis singkat. Mulai pelajarannya untuk menjawab kuis dan melacak progresmu.

Semua pelajaran di Pengenalan SwiftUI

Latihan sendiri: Playground SwiftUI