Swift DatePickerのスタイル設定サンプル

2024年2月20日

環境
Swift version 5.2.3 (swift-5.2.3-RELEASE)

構文
スタイルを設定するには、「datePickerStyle」モディファイアを使います。

操作例
1.WheelDatePickerStyleを設定する

DatePicker(selection: $date, displayedComponents: .date, label: {Text("")})

.datePickerStyle(WheelDatePickerStyle())

DatePicker(selection: $date, displayedComponents: .date, label: {Text("")}) .datePickerStyle(WheelDatePickerStyle())

DatePicker(selection: $date, displayedComponents: .date, label: {Text("")})
            .datePickerStyle(WheelDatePickerStyle())

2.CompactDatePickerStyleを設定する

DatePicker(selection: $date, displayedComponents: .date, label: {Text("")} )

.datePickerStyle(CompactDatePickerStyle())

DatePicker(selection: $date, displayedComponents: .date, label: {Text("")} ) .datePickerStyle(CompactDatePickerStyle())

DatePicker(selection: $date, displayedComponents: .date, label: {Text("")} )
            .datePickerStyle(CompactDatePickerStyle())

Posted by arkgame