我正在展示一个带有 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)
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)
你不需要标签。就像下面这样:
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)
| 归档时间: |
|
| 查看次数: |
1328 次 |
| 最近记录: |