如何在 SwiftUI 中使用 ViewBuilder 在自定义视图/组件上将内容限制为 Text()

Question

我使用 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()。 有没有办法做到这一点？

提前致谢！

Answer 1

我想将视图数量限制为 1，并且它必须仅为 Text()。 有没有办法做到这一点？

是的，您不需要为此目的使用泛型，您需要明确指定 Text 并且编译器不允许任何其他内容，并且 Text 不是容器，因此始终只是一个容器。

struct PickerWidget: View {
   var action: () -> Void
   private let content: () -> Text

  init(action: @escaping () -> Void, @ViewBuilder content: @escaping () -> Text) {
     ...