SwiftUI：Picker嵌套Menu用Int32无响应，改用Int正常，求原因

问题描述 #

我编写了如下SwiftUI代码，使用嵌套在Menu里的Picker绑定Int32类型的@State变量：

struct ExamplePicker: View {
    
    @State var val: Int32 = 2
    
    var body: some View {
        HStack {
            
            Menu {
                
                Picker(selection: $val, label: EmptyView()) {
                    
                    Text("Val1").tag(1)
                    Text("Val2").tag(2)
                    Text("Val3").tag(3)
                }                   
            } label: {
                HStack {
                    Text("Value: ")
                    Spacer()
                    
                    Text(String(format: "%d", val))
                    
                    Spacer()
                }
            }
            .onChange(of: val) { newSelection in
               print(">>>> HERE")
           }    
        }
    }
}

这段代码无法正常工作：选择下拉选项时，onChange从未触发，变量val也不会改变。但将val的类型改为Int后，代码就能完美运行。

令人困惑的是，当Picker不嵌套在Menu中时，使用Int64类型的代码却能正常工作：

struct ExamplePicker: View {
    
    @Binding var val: Int64
    
    var body: some View {
        HStack {
            
            Picker(selection: $val, label: EmptyView()) {
                
                Text("Val1").tag(1)
                Text("Val2").tag(2)
                Text("Val3").tag(3)
            }
            .onChange(of: val) { newSelection in
                print(">>>> HERE")
            }   
        }
    }
}

原因分析 #

核心问题在于类型匹配不严格导致的隐式转换失效：

• 代码中tag使用的是默认Int类型的字面量（1、2、3），和绑定的Int32类型本质不匹配。
• 当Picker独立使用时，SwiftUI会自动完成Int到Int64的隐式类型转换，保证赋值正常；但Menu内部对Picker的类型校验更严格，阻止了这种隐式转换，导致选中的tag值无法正确赋值给Int32类型的变量，自然不会触发onChange回调。

解决方法 #

让tag的类型与绑定变量的类型完全一致即可，有两种简单实现方式：

方式一：显式指定tag的类型 #

直接将每个tag的字面量转换为Int32类型：

Picker(selection: $val, label: EmptyView()) {
    Text("Val1").tag(Int32(1))
    Text("Val2").tag(Int32(2))
    Text("Val3").tag(Int32(3))
}

方式二：利用类型推断匹配类型 #

先定义与绑定变量同类型的常量，再用常量作为tag值，借助Swift的类型推断自动匹配：

struct ExamplePicker: View {
    
    @State var val: Int32 = 2
    // 定义同类型常量
    private let tag1: Int32 = 1
    private let tag2: Int32 = 2
    private let tag3: Int32 = 3
    
    var body: some View {
        HStack {
            Menu {
                Picker(selection: $val, label: EmptyView()) {
                    Text("Val1").tag(tag1)
                    Text("Val2").tag(tag2)
                    Text("Val3").tag(tag3)
                }
            } label: {
                HStack {
                    Text("Value: ")
                    Spacer()
                    Text(String(format: "%d", val))
                    Spacer()
                }
            }
            .onChange(of: val) { newSelection in
                print(">>>> HERE")
            }
        }
    }
}

修改后，Picker就能正确识别选中的tag值并赋值给Int32类型的val，同时触发onChange回调。

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