[SwiftUI]DatePickerをドラムロールにするには?

SwiftUI

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

DatePickerをくるくる回して選択するドラムロールにする方法を紹介します。

スポンサーリンク

方法

インターフェース, インターネット, プログラム, ブラウザ, Www

DatePickerをドラムロールにするには、datePickerStyle修飾子を使います。

まず、DatePickerにdatePickerStyle修飾子を付与します。

そして、datePickerStyleの引数に「WheelDatePickerStyle」を指定します。

DatePicker("", selection: $date)
     .datePickerStyle(WheelDatePickerStyle())

datePickerStyle修飾子を使うことで、DatePickerをドラムロールにすることができます。

iOS14までは、WheelDatePickerStyleがデフォルトになっています。

iOS15からは、CompacteDatePickerStyleがデフォルトになります。

使用例

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

コメント

タイトルとURLをコピーしました