获取错误：表达式列表中的预期表达

Question

我可以使用开关检查变量并根据变量的值实现视图。我尝试使用其他情况，但仍然遇到相同的错误。我是否必须创建一种方法并返回相同的视图并在此处使用它？

struct AppThemeButton: View {

    var action: (() -> Swift.Void)?
    var buttonType: ThemeButtonType = .bordered

    var body: some View {
        Button {
            // button action
            if let act = action {
                act()
            }
        
        } label: {
            Text("+ \(TextStrings.addAProject.localized())")
                .frame(maxWidth: .infinity, maxHeight: .infinity, 
alignment: .center)
                .background(
                    switch self.buttonType {
                    case .bordered:
                        Color.green
                    case .colored:
                        Color.red
                    }
                )
                .frame(height: 60, alignment: .center)
                .padding([.leading, .trailing])
        }
    }
}

enum ThemeButtonType {
    case bordered
    case colored
}

Answer 1

您正在使用此修饰符 https：// https：//developer.apple。 com/documation/swiftui/view/background（_：对齐:) ，它需要view作为参数而不是函数或闭合。

自iOS 15以来，修饰符被弃用。如果您的应用程序针对iOS 15及以上，则可以使用此新修饰符 https://developer.apple.com/documentation/swiftui/view/background/background（Alignment：content：content :)

如果以下iOS 15，则应通过包装您的标签您的切换器

enum ThemeButtonStyle: ButtonStyle {
    case filled
    case bordered
    
    func makeBody(configuration: Configuration) -> some View {
        switch self {
        case .filled:
            configuration.label
                .foregroundColor(.white)
                .padding()
                .background(Capsule().fill(.red))
        case .bordered:
            configuration.label
                .foregroundColor(.black)
                .padding()
                .background(Capsule().stroke(.black))
        }
    }
}

struct AppThemeButton: View {
    let style: ThemeButtonStyle
    var body: some View {
        Button {
            print("Touched")
        } label: {
            Text("Touch Me")
        }.buttonStyle(style)
    }
}

struct ThemeButtonStyle_Previews: PreviewProvider {
    static var previews: some View {
        VStack {
            AppThemeButton(style: .filled)
            AppThemeButton(style: .bordered)
        }
    }
}

结果

Answer 2

或者更短

.background(content: {
    switch self.type {
    case .info:
        Color.blue
    case .error:
        Color.red
    case .warning:
        Color.yellow
    }
})

• 您正在使用已弃用的背景版本< /a>.
• 使用 使用背景(alignment:content:) 。