VStack
CoddyのSwiftジャーニー「SwiftUI入門」セクションの一部。レッスン 9/50。
本体は1つのビューを返します。複数のビューを表示するには、それらをスタックに配置します。VStackはビューを上から下へ並べます：
VStack {
Text("Coddy Cafe")
.font(.title)
Text("Open 8:00 to 18:00")
}ビューは中かっこの中に、画面に表示される順番に1行ずつ記述します。それぞれに独自の修飾子を付けることができます。
スタックもビューなので、スタック自体にスタイルを設定できます。スタックに適用したモディファイアは、独自に設定していない内部のビューに適用されます。
VStack {
Text("Coffee")
Text("Tea")
}
.font(.headline)
チャレンジ
初心者連絡先カードを表示します。2つのテキストを含むVStackを使用し、上にAda Lovelace、その下にEngineerを配置します。名前には.titleフォントを適用します。
自分で試してみよう
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}
腕試しこのレッスンには短いクイズがあります。レッスンを始めて解答し、進捗を記録しましょう。
SwiftUI入門のすべてのレッスン
自分で練習してみよう: Swiftプレイグラウンド