Question

我正在显示一个带有WheelPatePickerStyle（）类型的datePickerStyle的SwiftUI DatePicker。它在一个节内，在一个窗体内。在显示节标题时，我不想显示选择器的标签。但是，当选择.labelsHidden（）时，选择器仅向左移动，并在左侧留一些空间。

我该如何使选择器居中，或确保它占据“节/表格”的整个宽度？

DatePicker("Please enter a time", selection: $time, displayedComponents: .hourAndMinute)
    .labelsHidden()
    .datePickerStyle(WheelDatePickerStyle())

Answer 1

您不需要标签。如下所示：

   DatePicker("", selection: $time, displayedComponents: .hourAndMinute)
    // .labelsHidden()
    .datePickerStyle(WheelDatePickerStyle())

另一种简单的方法是将HStack与Spacer()一起使用。

HStack{
    Spacer()
    DatePicker.init(selection: $time, displayedComponents: .hourAndMinute, label: {
        EmptyView()
        })
        .labelsHidden().datePickerStyle(WheelDatePickerStyle())
    Spacer()
    }

Answer 2

DatePicker("Please enter a time", selection: $time, displayedComponents: .hourAndMinute)
    .labelsHidden()
    .datePickerStyle(WheelDatePickerStyle())
    .frame(minWidth: 0, maxWidth: .infinity, alignment: .center)

.labelsHidden（）时，视图中的中心选择器

2 个答案: