VStack
Część sekcji Wprowadzenie do SwiftUI ścieżki Swift w Coddy. Lekcja 9 z 50.
Widok zwraca jeden widok. Aby wyświetlić kilka, umieść je w stosie. VStack układa widoki od góry do dołu:
VStack {
Text("Coddy Cafe")
.font(.title)
Text("Open 8:00 to 18:00")
}Widoki umieszcza się w nawiasach klamrowych, każdy w osobnym wierszu, w kolejności, w jakiej pojawiają się na ekranie. Każdy z nich może mieć własne modyfikatory.
Stos również jest widokiem, więc możesz stylizować sam stos. Modyfikator zastosowany do stosu działa na widoki wewnątrz niego, które nie mają własnych modyfikatorów:
VStack {
Text("Coffee")
Text("Tea")
}
.font(.headline)
Wyzwanie
PoczątkującyWyświetl kartę kontaktu: VStack z dwoma tekstami: Ada Lovelace u góry, a poniżej niego Engineer. Ustaw czcionkę .title dla imienia.
Spróbuj swoich sił
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}
Sprawdź sięTa lekcja zawiera krótki quiz. Zacznij lekcję, żeby na niego odpowiedzieć i śledzić swoje postępy.
Wszystkie lekcje w sekcji Wprowadzenie do SwiftUI
10Projekt – Kawiarnia Coddy
Przegląd projektuEkrany napojów
Wybierz rozmiarIlość i sumaZłóż zamówienie2Wyś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