如何在 Swift UI 中删除 Picker 视图的灰色背景框

Question

我想从 SwiftUI 中的 Picker 视图中移除选择的背景灰色框，以便我可以自定义完整的视图。

灰色背景的选取器视图：

Answer 1

这个怎么样？您可以将框架格式化为您想要的任何内容（圆角、不同颜色等）

import SwiftUI

struct Test: View {
    
    init() {
        
        UIPickerView.appearance().backgroundColor = .clear
    }
    
    
    enum Flavor: String, CaseIterable, Identifiable {
        case chocolate
        case vanilla
        case strawberry

        var id: String { self.rawValue }
    }
    
    @State private var selectedFlavor = Flavor.chocolate

    
    var body: some View {

        
        Picker("Flavor", selection: $selectedFlavor) {
            Text("Chocolate").tag(Flavor.chocolate)
            Text("Vanilla").tag(Flavor.vanilla)
            Text("Strawberry").tag(Flavor.strawberry)
        }
        
        .frame(height: 30, alignment: .center)
        .background(Color.blue)
        
    }
    
    
}

struct Test_Previews: PreviewProvider {
    static var previews: some View {
        Test()
    }
}

protocol PickerStyle {}