我使用 SwiftUI 创建了一个自定义组件。它类似于类似于文本字段的下拉列表,但是当您点击它时,它将显示一个包含选项列表的工作表。这是选择器的代码:
struct PickerWidget<Content: View>: View{
var action: () -> Void
private let content: () -> Content
init(action: @escaping () -> Void, @ViewBuilder content: @escaping () -> Content) {
self.content = content
self.action = action
}
var body: some View {
Button(action: {
self.action()
})
{
HStack{
content()
.frame(minWidth: 0, maxWidth: .infinity, alignment: .leading)
.foregroundColor(Color.black)
Image(systemName: "chevron.down")
}
.padding()
.overlay(
RoundedRectangle(cornerRadius: 10)
.stroke(Color.gray, lineWidth: 1)
)
}
.padding()
}
}
这是从父视图中使用它的方式:
PickerWidget(action: { self.isSheetShown.toggle() }){
Text("US Dollars (USD)")
}
.sheet(isPresented: $isSheetShown){
CurrencyPickerView(isSheetShown: self.$isSheetShown)
}
它完美地工作。但我想将视图数量限制为 1,并且它必须是只有 Text()。有没有办法做到这一点?
提前致谢!