SwiftUI iOS、iPhone DatePicker 似乎没有关闭按钮

如何解决SwiftUI iOS、iPhone DatePicker 似乎没有关闭按钮

如果我在 SwiftUI 视图中创建一个简单的表单，则 DatePicker 在选择日期时不会自动关闭。这是正常行为吗？

如果是这样，如何在选择日期（点击日期）时自动关闭 DatePicker 对话框？

我看到一些带有关闭按钮的应用。我在这里遗漏了什么吗？

Form {

    Section(header: Text("Foo Name")) {
        TextField("Enter Foo Name",text: $fooName)
    }

    Section(header: Text("Foo Date")) {
        DatePicker("",selection: $fooDate,displayedComponents: .date)
            .labelsHidden()
    }
}

我知道如果您在日期控件外单击它会关闭，但是当我进行演示时，这确实让用户感到困惑。

解决方法

是的，我同意应该有一个关闭按钮，但 Apple 选择忽略它。

然而，您可以使用 DatePickerStyle 影响 DatePicker 的外观。

如果您想使用关闭按钮制作自己的实现，您可以制作一个弹出视图并显示带有 GraphicalDatePickerStyle 的 DatePicker。

// Something like this

ZStack {
    // ... other views

    if showDatePicker {
        CustomDatePickerView(selectedDate: $selectedDate)
    }
}

要在选择日期时关闭它，您可以使用 onChange

.onChange(of: selectedDate) { _ in
    showDatePicker = false
}