swiftui - 如何使用 ViewModifiers 返回视图

Question

我想根据数组中字段的内容返回一个视图。这可行，但如果我尝试将 ViewModifiers 添加到视图中，我会遇到问题。这行不通。

struct CodesView: View {
    var body: some View {
            ScrollView{
                ForEach(0 ..< codes.count) {idx in
                    Result(selector: self.codes[idx].Zeile)
                }
            }
       }
   }
    struct Result: View{
        var selector: String

        var body: some View{
            switch selector {
            case "->Text1":
                return VStack{
                    Text("Lorem ipsum dolor sit amet")
                    .bold()
                }
            // serval other case will follow...
            default:
                return VStack{
                    Text("\(selector)")
                    .frame(width: 350, alignment: .leading)    // line throw an error
                    .font(.system(.body, design: .monospaced)) // line throw an error 
                }
            }
        }
    }

错误消息是： 函数声明了一个不透明的返回类型，但其主体中的返回语句没有匹配的底层类型

如何使用 ViewModifier 声明函数以获取结果？对于不同的返回视图，我需要不同的布局。

Answer 1

以下解决您的情况

struct Result: View {
    var selector: String

    var body: some View {
        Group {
            if self.selector == "->Text1" {
                VStack {
                    Text("Lorem ipsum dolor sit amet")
                        .bold()
                }
            } else {
                VStack {
                    Text("\(selector)")
                        .frame(width: 350, alignment: .leading)
                        .font(.system(.body, design: .monospaced))
                }
            }
        }
    }
}

Answer 2

您不能在正文中使用 switch 语句。这里只允许简单的“如果”。

但是在这里查看这个答案，它会有所帮助：Alternative to switch statement in SwiftUI ViewBuilder block?

例子：

enum T {
    case a
    case b
}

struct ContentView: View {

    var a : T =  .a

    var body : some View {

        Group { () -> Text in
            switch a {
            case .a:
                return Text("a")
            case .b:
                return Text("b")
            }
        }
    }
}