真或假状态

本课属于 Coddy Swift 学习旅程的“SwiftUI 入门”单元。第 21 课，共 50 课。

状态可以是 Bool。toggle() 会在 true 和 false 之间切换：

@State private var isOn = false

Button("Switch") {
    isOn.toggle()
}

三元运算符会根据状态选择一个值，因此一个视图可以显示两个版本：

Text(isOn ? "Light is on" : "Light is off")
    .foregroundStyle(isOn ? .yellow : .gray)

当 isOn 为 true 时，isOn ? a : b 会给出 a，否则给出 b。每次轻点后，body 都会再次运行，文本和颜色也会根据新值变化。

挑战

简单

让灯正常工作。点击 Switch 后应切换 isOn 的状态，并且当 isOn 为 true 时，文本应显示 Light is on；为 false 时应显示 Light is off。

亲手试试

import SwiftUI

@main
struct CoddyApp: App {
    var body: some Scene {
        WindowGroup {
            ContentView()
        }
    }
}

自我测试

这节课包含一个小测验。开始学习即可作答，并记录你的进度。

SwiftUI 入门中的所有课

1简介

4修饰符

7列表

10项目：Coddy 咖啡馆

2显示内容

5状态与按钮

8导航

11最终挑战

3堆栈与布局

6用户输入

9共享数据