.labelsHidden() 时视图中的中心选择器

Ger*_*jan 6 picker swiftui

我正在展示一个带有 WheelDatePickerStyle() 类型的 datePickerStyle 的 SwiftUI DatePicker。它位于一个 Section 中,而 Section 又位于一个 Form 中。当我显示一个部分标题时,我不想显示选择器的标签。但是,在选择时。然而,拾取器刚刚向左移动并留下左侧的一些空间。

我怎样才能让选取器居中,或者确保它占据部分/表单的整个宽度?

DatePicker("Please enter a time", selection: $time, displayedComponents: .hourAndMinute)
    .labelsHidden()
    .datePickerStyle(WheelDatePickerStyle())
Run Code Online (Sandbox Code Playgroud)

Rud*_*yam 5

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


E.C*_*oms 1

你不需要标签。就像下面这样:

   DatePicker("", selection: $time, displayedComponents: .hourAndMinute)
    // .labelsHidden()
    .datePickerStyle(WheelDatePickerStyle())
Run Code Online (Sandbox Code Playgroud)

另一种简单的方法是在两侧使用HStackwith 。Spacer()

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