SwiftUI Menu样式Picker无法修改文本与图片属性问题求助

Menu样式的Picker依赖系统Menu组件渲染选项，系统会强制应用默认的布局与样式规则，这就是你直接设置resizable()和frame()无效的原因。点击图片时短暂显示期望尺寸是系统交互过程中的临时渲染状态，并非最终生效的样式。另外，Picker的选项文本本身就是展示用的静态内容，无法编辑是设计如此，Picker的核心功能是选择预设选项，而非编辑选项内容。

方案一：使用Label优化样式适配 #

用Label替代HStack组合文本与图片，Label是SwiftUI专为图标+文本场景设计的容器，能更好适配系统Menu的样式规则，同时保留部分自定义空间：

import SwiftUI

struct LanguagePicker: View {
    @Binding var selection: Country
    
    var body: some View {
        Picker("Sprache", selection: $selection) {
            ForEach(Country.allCases) { country in
                // 若country.image是Image实例，改用闭包形式设置图标样式
                Label {
                    Text(country.language)
                } icon: {
                    country.image
                        .resizable()
                        .scaledToFit()
                        .frame(width: 10, height: 10)
                }
                .tag(country)
            }
        }
        .font(.title2)
        .pickerStyle(.menu)
        .tint(.black)
    }
}

#Preview {
    LanguagePicker(selection: .constant(.japan))
}

方案二：自定义Menu完全控制样式 #

如果需要完全自定义选项的布局与样式，放弃Picker的menu样式，直接使用Menu组件实现：

import SwiftUI

struct LanguagePicker: View {
    @Binding var selection: Country
    
    var body: some View {
        Menu {
            ForEach(Country.allCases) { country in
                Button {
                    selection = country
                } label: {
                    HStack {
                        Text(country.language)
                        country.image
                            .resizable()
                            .frame(width: 10, height: 10)
                    }
                }
            }
        } label: {
            HStack {
                Text("Sprache")
                Image(systemName: "chevron.down")
                    .font(.caption)
            }
            .font(.title2)
            .foregroundColor(.black)
        }
    }
}

#Preview {
    LanguagePicker(selection: .constant(.japan))
}

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