[SwiftUI]DatePickerのデフォルト(default)の背景色(background color)を変えるには？

どうも、ちょげ(@chogetarou)です。

DatePickerのデフォルトの背景色を変える方法を紹介します。

方法
使用例

方法

DatePickerのデフォルトの背景色を変えるには、UIDatePickerを使います。

具体的には、initメソッドやonAppear修飾子などで、「UIDatePicker.appearance().backgroundColor」に背景色を代入します。

//initメソッドやonAppearなどで背景色を代入
UIDatePicker.appearance().backgroundColor = color

「UIDatePicker.appearance().backgroundColor」に代入した色が、DatePickerの背景色になります。

使用例

以下は、使用例です。


struct ContentView: View {
    @State var date = Date()
    
    init () {
        UIDatePicker.appearance().backgroundColor = .green.withAlphaComponent(0.3)
    }
    
    var body: some View {
        VStack{
            DatePicker("Select Date", selection: $date)
                .datePickerStyle(GraphicalDatePickerStyle())
                .padding()
        }
    }
}