DatePicker, использующий интервал времени в SwiftUI - PullRequest
Новая
       74

DatePicker, использующий интервал времени в SwiftUI

1 голос
/ 24 февраля 2020

Я хочу использовать DatePicker в SwiftUI, он работает нормально и, как и ожидалось. Я хочу добавить интервал времени, как объяснено: UIDatePicker 15-минутные приращения Swift 

DatePicker("Please enter a time", selection: $wakeUp, displayedComponents: .hourAndMinute)

Существует ли модификатор для этого в SwifUI?

1 Ответ

1 голос
/ 25 февраля 2020

Я не верю, что есть модификатор для этого. Однако можно «сделать это самостоятельно» с помощью UIViewRepresentable для переноса UIDatePicker:

image

Базовая c структура для этого кода основана на Взаимодействии с UIKit учебник. 

struct MyDatePicker: UIViewRepresentable {

    @Binding var selection: Date
    let minuteInterval: Int
    let displayedComponents: DatePickerComponents

    func makeCoordinator() -> Coordinator {
        return Coordinator(self)
    }

    func makeUIView(context: UIViewRepresentableContext<MyDatePicker>) -> UIDatePicker {
        let picker = UIDatePicker()
        // listen to changes coming from the date picker, and use them to update the state variable
        picker.addTarget(context.coordinator, action: #selector(Coordinator.dateChanged), for: .valueChanged)
        return picker
    }

    func updateUIView(_ picker: UIDatePicker, context: UIViewRepresentableContext<MyDatePicker>) {
        picker.minuteInterval = minuteInterval
        picker.date = selection

        switch displayedComponents {
        case .hourAndMinute:
            picker.datePickerMode = .time
        case .date:
            picker.datePickerMode = .date
        case [.hourAndMinute, .date]:
            picker.datePickerMode = .dateAndTime
        default:
            break
        }
    }

    class Coordinator {
        let datePicker: MyDatePicker
        init(_ datePicker: MyDatePicker) {
            self.datePicker = datePicker
        }

        @objc func dateChanged(_ sender: UIDatePicker) {
            datePicker.selection = sender.date
        }
    }
}

struct DatePickerDemo: View {
    @State var wakeUp: Date = Date()
    @State var minterval: Int = 1

    var body: some View {
        VStack {
            Stepper(value: $minterval) {
                Text("Minute interval: \(minterval)")
            }
            MyDatePicker(selection: $wakeUp, minuteInterval: minterval, displayedComponents: .hourAndMinute)
            Text("\(wakeUp)")
        }
    }
}

struct DatePickerDemo_Previews: PreviewProvider {
    static var previews: some View {
        DatePickerDemo()
    }
}
...