SwiftUI丨1分钟学会选择器Picker

日习一语，日行一善

选择器在ios开发中的使用频率很高，今天我们就来看下<typo id="typo-30" data-origin="他" ignoretag="true">他</typo>的常规用法!

一、代码展示

import SwiftUI
struct PickerView: View {
    let 课程 = ["第1课","第2课","第3课","第4课"]
    @State var selection = 1 //默认选择
    var body: some View {
        VStack{
        Picker(selection: $selection, label: Text("选择课程")) {
            ForEach(课程.indices , id: \.self){ i in
                Text(self.课程[i])
                    .font(.system(size: 18))
            }
        }
            Text("当前选择的课程是: \(self.课程[selection])")
        }
    }
}
struct PickerView_Previews: PreviewProvider {
    static var previews: some View {
        PickerView()
    }
}

二、代码解析

Picker选择器需要用到两个参数：

1、需要有一个数组，用来存放选择的内容（常量数组“课程[]”）；

2、需要一个当前选择的内容对应的下标（变量“selection”）；

3、需要用到forEach循环；

Picker(selection: $ + 选择内容对应的下标, label: 标题) { 循环出所有的可选内容 }

三、拓展练习

大家根据Picker的介绍，自学一下 DatePicker 的用法。

你答应过我，我用心写，你用心看；既会点赞，还会收藏，偶尔还会分享和打赏！

本篇完，感谢阅读！