如何解决您将如何在SwiftUI表单中使用CustomPicker模拟DatePicker表单行为?
这是DatePicker在表单中的外观。它会在自动创建的关联TextField下方展开。
import SwiftUI
struct DatePckrUI: View
{
@State private var birthDate = Date()
var body: some View {
Form {
DatePicker(selection: $birthDate,in: ...Date(),displayedComponents: .date) {
Text("Time")
}
}
}
}
您将如何在SwiftUI表单中使用CustomPicker模拟DatePicker表单行为?
当您点击关联的TextField时,是否有一种方法可以使这样的自定义选择器展开和收缩?对于DatePicker,此行为是自动的。
此示例中的第二个选择器接受触摸,但第一个不接受。并且背景视图已着色并显示意外的框架。缺少什么线索?
import SwiftUI
struct SclPckr: View
{
var body: some View {
Form { SclPicker() }
}
}
struct SclPicker: View
{
@State var selectedInt = 0
@State var selectedDecimal = 0
var int = [Int](0..<30)
var decimal = [Int](0..<24)
var body: some View {
GeometryReader { geometry in
HStack {
Picker(selection: self.$selectedInt,label: Text("")) {
ForEach(0 ..< self.int.count) { index in
Text("\(self.int[index])").tag(index)
}
}
.frame(width: geometry.size.width/4,height: 100,alignment: .center)
.background(Color.red)
.pickerStyle(WheelPickerStyle())
Text(".")
Picker(selection: self.$selectedDecimal,label: Text("")) {
ForEach(0 ..< self.decimal.count) { index in
Text("\(self.decimal[index])").tag(index)
}
}
.frame(width: geometry.size.width/4,alignment: .center)
.background(Color.blue)
.pickerStyle(WheelPickerStyle())
}
}
}
}
有什么建议吗?也许看一下DatePicker /表单代码会提供洞察力?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。