SwiftUI中如何去除Picker控件文本区域深色覆盖层并设置背景色？

物理iPhone设备上Picker的选中区域会显示系统默认的半透明深色背景（模拟器无此效果），导致和上方Text的绿色背景不一致。可以通过以下两种方法解决：

方案一：用ZStack独立设置背景 #

将Picker的背景色放在ZStack层级，Picker自身设为透明，完全覆盖系统默认背景：

import SwiftUI

struct Test: View {
    var items = ["One", "Two", "Three", "Four"]
    @State private var selection = "One"

    var body: some View {
        VStack {
            Text("Text")
                .foregroundStyle(.white)
                .frame(width: 150, height: 35)
                .background(.green)
            
            ZStack {
                Color.green
                    .frame(width: 150, height: 35)
                Picker("Please choose an item", selection: $selection) {
                    ForEach(items, id: \.self) {
                        Text($0)
                    }
                }
                .frame(width: 150, height: 35)
                .background(.clear)
                .tint(.white)
            }
            
            Text("You selected: \(selection)")
            Spacer()
        }
        .padding(.top,50)
    }
}

#Preview {
    Test()
}

方案二：移除系统按钮样式并统一选项背景 #

通过.buttonStyle(.plain)移除Picker的默认按钮背景，同时给下拉选项设置相同的绿色背景，保证整体视觉统一：

import SwiftUI

struct Test: View {
    var items = ["One", "Two", "Three", "Four"]
    @State private var selection = "One"

    var body: some View {
        VStack {
            Text("Text")
                .foregroundStyle(.white)
                .frame(width: 150, height: 35)
                .background(.green)
            
            Picker("Please choose an item", selection: $selection) {
                ForEach(items, id: \.self) {
                    Text($0)
                        .background(.green)
                        .foregroundStyle(.white)
                }
            }
            .frame(width: 150, height: 35)
            .background(.green)
            .tint(.white)
            .buttonStyle(.plain)
            .pickerStyle(.menu)
            
            Text("You selected: \(selection)")
            Spacer()
        }
        .padding(.top,50)
    }
}

#Preview {
    Test()
}

两种方案任选其一即可，方案一适合快速统一选中区域背景，方案二能同步下拉菜单的视觉风格。

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