条件付きビュー
CoddyのSwiftジャーニー「SwiftUI入門」セクションの一部。レッスン 22/50。
本体内のifは、ビューをそもそも表示するかどうかを決定します。
@State private var showDetails = false
var body: some View {
VStack {
Button("Show details") {
showDetails.toggle()
}
if showDetails {
Text("Made with SwiftUI")
}
}
}showDetails が false の間、テキストは画面の一部ではありません。タップすると表示されます。else 分岐では、代わりに別のビューが表示されます：
if isLoggedIn {
Text("Welcome back")
} else {
Button("Log in") { isLoggedIn = true }
}
チャレンジ
簡単テキスト Made with SwiftUI は、ユーザーが Show details をタップした後にのみ表示されるようにしてください。ボタンで showDetails を設定し、showDetails が true の場合にのみ、識別子付きでテキストを表示してください。
自分で試してみよう
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}
腕試しこのレッスンには短いクイズがあります。レッスンを始めて解答し、進捗を記録しましょう。
SwiftUI入門のすべてのレッスン
自分で練習してみよう: Swiftプレイグラウンド