如何自定义选择器页面选择

Question

我在列表中有一个标准选择器，自定义为深色。当我点击选择器时，它会打开带有选项的页面，但背景是白色的，我希望它是黑色的。

未能成功找到合适的设置:( 感谢您的帮助

我的代码：

import SwiftUI
let choices = ["red", "blue", "yellow"]

struct test4: View {
    
    @State private var myColor: String = choices[0]
    
    var body: some View {
        VStack {
            List {
                Picker(selection: $myColor, label: Text("Type")) {
                    ForEach(choices, id: \.self) { col in
                        Text(col).foregroundColor(Color.gray)
                    }
                }
                .listRowBackground(Color.row)
            }
        }
        .background(Color.black)
    }
}

带有选择器的页面

选择器选择

Answer 1

改用首选配色方案，例如

    VStack {
       // List here ...
    }
    //.background(Color.black)
    .preferredColorScheme(.dark)    // << use this !!

如何自定义选择器页面选择

How to customize picker page selection

picker

swiftui