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:
- menu minuman beserta harganya
- layar untuk setiap minuman
- pemilih ukuran
- pengatur jumlah dan total pesanan
- 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.
Tantangan
MudahBuat 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()
}
}
}Pelajaran ini berisi kuis singkat. Mulai pelajarannya untuk menjawab kuis dan melacak progresmu.
Semua pelajaran di Pengenalan SwiftUI
Latihan sendiri: Playground SwiftUI