Ekrany napojów
Część sekcji Wprowadzenie do SwiftUI ścieżki Swift w Coddy. Lekcja 44 z 50.
Wyzwanie
ŁatwyZachowaj menu z poprzedniego kroku. Teraz spraw, aby każdy wiersz otwierał ekran danego napoju:
- Dodaj widok
OrderViewz właściwościąlet drink: Drink. Wyświetla on cenę napoju z dwoma miejscami po przecinku czcionką.title(identyfikatorprice) wewnątrzVStack(spacing: 16)i używa nazwy napoju jako tytułu. - Umieść
HStackkażdego wiersza wNavigationLink, którego miejscem docelowym jestOrderView(drink: drink).
Spróbuj swoich sił
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}Wszystkie lekcje w sekcji Wprowadzenie do SwiftUI
10Projekt – Kawiarnia Coddy
Przegląd projektuEkrany napojów2Wyświetlanie treści
Widoki tekstoweLiczby w tekścieCzcionkiKolorySF SymbolsPodsumowanie — metka z ceną5Stan i przyciski
PrzyciskiWłaściwość @StateStan prawda lub fałszWidoki warunkowePodsumowanie — licznik punktów6Dane wejściowe użytkownika
Pole tekstowePrzełącznikPrzyciski krokowe i suwakSelektorPodsumowanie – formularz zamówieniaPoćwicz samodzielnie: Edytor online SwiftUI