Swift 中如何使用 Toggle 组件?

20 min read

在 Swift 中,可以通过以下步骤使用 Toggle 组件:

  1. 创建一个 Boolean 类型的状态变量存储 Toggle 组件的状态:
@State private var isToggleOn = false
  1. 在 View 中使用 Toggle 组件,并将状态绑定到上面创建的状态变量:
Toggle(isOn: $isToggleOn) {
    Text("Toggle")
}
  1. 可以为 Toggle 组件添加一些样式和标签:
Toggle(isOn: $isToggleOn) {
    Text("Toggle")
}
.toggleStyle(SwitchToggleStyle(tint: .green))
.accessibility(label: Text("Toggle"))

完整示例代码:

import SwiftUI

struct ContentView: View {
    @State private var isToggleOn = false
    
    var body: some View {
        VStack {
            Toggle(isOn: $isToggleOn) {
                Text("Toggle")
            }
            .toggleStyle(SwitchToggleStyle(tint: .green))
            .accessibility(label: Text("Toggle"))
            
            Text(isToggleOn ? "Toggle is ON" : "Toggle is OFF")
        }
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}