SwiftUI Picker绑定可选@State变量无法选择选项求助

问题原因 #

SwiftUI Picker绑定可选类型（如Double?）时，若初始值为nil，而Picker选项均为非nil的Double值，会因选中状态不匹配导致无法交互。同时你需要在选中baseJack/headJack时将length设为nil，这部分逻辑需要和Picker的显示、状态绑定联动。

解决方案 #

以下是修改后的完整代码，关键改动已标注：

struct DiskLock: Identifiable {
    var name: DiskLockName
    var length: Double?
    var actualWeight: Double?
    var id: Int
    
    enum DiskLockName: String, CaseIterable, Identifiable {
        case standard
        case ledger
        case diagonalBrace
        case headJack
        case baseJack
        var id: Self { self }
    }
}

struct EditDiskLock: View {
    
    @ObservedObject var diskLockViewModel: DiskLockViewModel
    @Environment(\.presentationMode) var presentationMode
    
    var lengths = [0.6, 0.9, 1.2, 0.2, 0.35, 0.5, 1, 1.5, 2, 2.5, 1.61, 1.71, 1.86]

    // 1. 修改为可选Double类型，初始值nil
    @State var selectedDiskLockName: DiskLock.DiskLockName = .baseJack
    @State var selectedDiskLockLength: Double? = nil
    @State var actualWeight = ""

    var body: some View {
        VStack {
            Form {
                editDiskLockNameSection
                editDiskLockLengthSection
                editDiskLockActualWeightSection
            }
            addDiskLockButton
            Spacer()
        }
        // 监听选中的DiskLockName，自动更新length状态
        .onChange(of: selectedDiskLockName) { newValue in
            switch newValue {
            case .standard:
                selectedDiskLockLength = lengths[3] // 设置默认选中第一个符合条件的长度
            case .ledger:
                selectedDiskLockLength = lengths[0]
            case .diagonalBrace:
                selectedDiskLockLength = lengths[10]
            case .baseJack, .headJack:
                selectedDiskLockLength = nil // 不需要长度时置为nil
            }
        }
    }
    
    var editDiskLockNameSection: some View {
        List {
            Picker("DiskLockName", selection: $selectedDiskLockName) {
                ForEach(DiskLock.DiskLockName.allCases) { diskLockName in
                    Text(diskLockName.rawValue)
                }
            }.pickerStyle(.segmented)
        }
    }
    
    var editDiskLockLengthSection: some View {
        List {
            // 2. 仅在需要长度的类型下显示Picker
            if [.standard, .ledger, .diagonalBrace].contains(selectedDiskLockName) {
                Picker("DiskLockLength", selection: $selectedDiskLockLength) {
                    if selectedDiskLockName == .standard {
                        ForEach(lengths[3...9], id: \.self) { length in
                            Text(String(length)).tag(length as Double?) // 关键：给选项标记可选类型的tag
                        }
                    }
                    if selectedDiskLockName == .ledger {
                        ForEach(lengths[0...2], id: \.self) { length in
                            Text(String(length)).tag(length as Double?)
                        }
                    }
                    if selectedDiskLockName == .diagonalBrace {
                        ForEach(lengths[10...12], id: \.self) { length in
                            Text(String(length)).tag(length as Double?)
                        }
                    }
                }
                .pickerStyle(.segmented)
            } else {
                // 不需要长度时显示提示文本
                Text("该类型无需设置长度")
                    .foregroundColor(.secondary)
            }
        }
    }
    
    var editDiskLockActualWeightSection: some View {
        Section(header: Text("DiskLockActualWeight")) {
            TextField("DiskLockActualWeight", text: $actualWeight)
        }
    }
    
    var addDiskLockButton: some View {
        Button("add") {
            let weight = Double(actualWeight)
            switch selectedDiskLockName {
            case .baseJack, .headJack:
                diskLockViewModel.addNewDiskLock(name: selectedDiskLockName, length: nil, actualWight: weight)
            default:
                diskLockViewModel.addNewDiskLock(name: selectedDiskLockName, length: selectedDiskLockLength, actualWight: weight)
            }
            presentationMode.wrappedValue.dismiss()
            print("\(diskLockViewModel.diskLocks)")
        }
        // 3. 调整禁用条件：需要长度的类型必须选中有效长度
        .disabled(
            ([.standard, .ledger, .diagonalBrace].contains(selectedDiskLockName) && selectedDiskLockLength == nil)
        )
    }
}

关键改动说明 #

1. 状态变量与监听：将selectedDiskLockLength改为Double?，通过onChange监听selectedDiskLockName的变化，自动设置对应默认值或置为nil，确保状态同步。
2. Picker的Tag处理：给每个Picker选项添加tag(length as Double?)，让可选类型的绑定能正确匹配选项值，解决无法选中的问题。
3. 动态显示Picker：仅在需要长度的类型下显示Picker，其他类型显示提示文本，优化交互逻辑。
4. 按钮禁用逻辑优化：根据当前类型判断是否需要检查长度，避免硬编码默认值（比如原代码的0.3）带来的逻辑错误。

内容的提问来源于stack exchange，提问作者lvyachen