VStack
Termasuk bagian Pengenalan SwiftUI dalam perjalanan Swift di Coddy. Pelajaran 9 dari 50.
Sebuah body mengembalikan satu view. Untuk menampilkan beberapa view, susun dalam stack. VStack mengatur view dari atas ke bawah:
VStack {
Text("Coddy Cafe")
.font(.title)
Text("Open 8:00 to 18:00")
}View diletakkan di dalam kurung kurawal, satu per baris, sesuai urutannya di layar. Masing-masing dapat memiliki modifier sendiri.
Stack juga merupakan view, jadi kamu bisa menerapkan style pada stack itu sendiri. Modifier pada stack diterapkan ke view di dalamnya yang tidak mengatur modifier sendiri:
VStack {
Text("Coffee")
Text("Tea")
}
.font(.headline)
Tantangan
PemulaTampilkan kartu kontak: VStack dengan dua teks, Ada Lovelace di atas dan Engineer di bawahnya. Gunakan font .title untuk nama.
Coba sendiri
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}
Uji dirimuPelajaran ini berisi kuis singkat. Mulai pelajarannya untuk menjawab kuis dan melacak progresmu.
Semua pelajaran di Pengenalan SwiftUI
Latihan sendiri: Playground SwiftUI