Menu
CoddyTech
START LEARNING

Layar Minuman

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

challenge icon

Tantangan

Mudah

Pertahankan menu dari langkah sebelumnya. Sekarang buat setiap baris membuka layar untuk minumannya:

  1. Tambahkan view OrderView dengan property let drink: Drink. View ini menampilkan harga minuman dengan dua angka desimal dalam font .title (identifier price) di dalam VStack(spacing: 16), dan menggunakan nama minuman sebagai judulnya.
  2. Bungkus HStack setiap baris dengan NavigationLink yang tujuannya adalah OrderView(drink: drink).

Coba sendiri

import SwiftUI

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

Semua pelajaran di Pengenalan SwiftUI

1Pengenalan

Apa Itu SwiftUIMengenal file aplikasi

4Pengubah

PaddingLatar BelakangUrutan PengubahBingkai dan BentukRangkuman: Pembuat Lencana

7Lists

ForEachItem yang Dapat DiidentifikasiListMenambahkan ItemRangkuman: Daftar Belanja

10Proyek, Coddy Coffee

Gambaran ProyekLayar MinumanPelajaran proyekPilih UkuranPelajaran proyekJumlah dan TotalPelajaran proyekBuat PesananPelajaran proyek

2Menampilkan Konten

Tampilan TeksAngka dalam TeksFontWarnaSF SymbolsRangkuman: Label Harga

5State dan Tombol

TombolProperty @StateState Benar atau SalahView BersyaratUlasan: Pencatat Skor

8Navigasi

NavigationStackNavigationLinkMeneruskan DataSheet dan AlertUlasan, Panduan Tanaman

11Tantangan Akhir

Kalkulator TipDaftar TugasPermainan Benar atau Salah

3Stack dan Tata Letak

VStackHStackPerataan dan JarakSpacer dan ZStackRingkasan, Kartu Cuaca

6Input Pengguna

TextFieldToggleStepper dan SliderPickerRangkuman: Formulir Pesanan

9Berbagi Data

property @Bindingobject yang Dapat Diamatiobject EnvironmentRingkasan: Penghitung Langkah

Latihan sendiri: Playground SwiftUI