[SwiftUI]DatePickerのテキストの色(text color)を変えるには？

[SwiftUI]DatePickerのテキストの色を変えるには？

SwiftUI

2022.02.21

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

DatePickerのテキストカラーを変える方法を紹介します。

方法
使用例

方法

DatePickerのテキストカラーを変えるには、colorInvertを使います。

まず、DatePickerにcolorInvertを付与します

そして、DatePickercolorMultiply修飾子を付与し、colorMultiplyにテキストの色を指定します。

DatePicker("", selection: $date)
    .colorInvert()
    .colorMultiply(color)

colorInvertを使えば、DatePickerのテキストの色を変えることができます。

CompactDatePickerStyleのカレンダーの色だけは、colorInvertで変えられません。

使用例

以下は、使用例です。

struct ContentView: View {
    @State var date = Date()
    var body: some View {
        VStack{
            DatePicker("Select Date", selection: $date)
                .datePickerStyle(GraphicalDatePickerStyle())
                .colorInvert()
                .colorMultiply(.red)
        }
    }
}