【SwiftUI】Xcode12 + iOS14でDatePickerを以前のスタイルにする

2020.11.12

Xcode12 から DatePicker のデフォルトのスタイルが変更されています。

いろいろなブログで紹介されていますが、SwiftUI の場合について書かれていなかったため調べてみました。

とりあえず Xcode のバージョンによる違いを見てみます。

こちらが Xcode11 で DatePicker を設置した場合。

そしてこちらが Xcode12 で DatePicker を設置した場合です。

確かに表示が変わっています。

そしてタップするとこうなります。

どちらが使いやすいかはおいといて、突然 UI が変わるのを避けたい場合は下記のようにすれば大丈夫です。

DatePicker(
    selection: .constant(Date()),
    label: { Text("Date") }
)
.datePickerStyle(WheelDatePickerStyle()) // これを追加

datePickerStyle で WheelDatePickerStyle() を設定してあげると以前のスタイルになります。

個人的には SwiftUI 推しなんですが、情報を見るにまだまだ普及率は低いようですね…。