SwiftUI picker UI绑定@State动态数组选择无效的经验分享

最新推荐文章于 2025-02-25 09:00:00 发布

Antonio·Future

最新推荐文章于 2025-02-25 09:00:00 发布

阅读量934

点赞数

CC 4.0 BY-SA版权

分类专栏： # SwiftUI 文章标签： swift swiftUI ios xcode app

本文链接：https://blog.youkuaiyun.com/qq_15041159/article/details/120456304

SwiftUI 专栏收录该内容

5 篇文章

订阅专栏

本文介绍了一个SwiftUI项目中遇到的问题：使用Picker选择语言时无法正常返回选择项。通过简单的类型转换解决了Optional类型与String类型不匹配的问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近的一个SwiftUI 项目需要从服务器获取可选语言列表然后通过表单的Picker进行选择，代码如下：

语言结构：

import Foundation
import SwiftUI
import HandyJSON

//语言
struct Language :Hashable, Codable,Identifiable, HandyJSON {
    var id = UUID()
    var name:String!
    var code:String!
}

表单

//选择目标
@State var target:String = ""
//所有可选语言
    @State var languages:[Language] = []
    Section{
        Picker(selection: $target, label:
            HStack{
                RoundedRectangle(cornerRadius: 8)
                    .overlay(
                        Image(systemName: "globe")
                            .foregroundColor(.white)
                    )
                    .frame(width: 40,height: 40,alignment: .center)
                    .foregroundColor(.green)
                Text("Language")
            }
        
        ) {
            ForEach(languages) { language in
                Text(language.name).tag(language.code)
            }
        }.padding(.vertical)
    }

通过表单onAppear呈现时，发起网络请求，解析可选语言列表到动态数组 languages 中，Picker能马上显示可选列表，但不能进行选择，点击选择不会返回表单，图片如下（没有打勾）

在这里插入图片描述
按道理说，点击picker中的某一项之后，对应Text的tag的值会赋值到目标target 变量。
我通过打印临时变量的方式发现此时的Tag中的值不是String类型的，而是Optional类型，这下就容易解决了，如下把Tag中的值加一层转换：

ForEach(languages) { language in
     Text(language.name).tag(String(language.code))
}