SwiftUI属性应用优化：如何避免重复设置前景色？

针对你这段代码里重复使用.foregroundColor(.red)的问题，这里有几种实用的优化方案：

方案一：用Group容器统一添加修饰符 #

最直接的方式是把两个分支的视图用Group（或者不影响布局的VStack/HStack）包裹，将.foregroundColor(.red)加在容器上，修饰符会自动传递给内部子视图：

Group {
    if let image = image {
        Label("ok", systemImage: image)
    } else {
        Text("ok")
    }
}.foregroundColor(.red)

这种方式改动最小，适合仅在当前局部需要统一样式的场景。

方案二：自定义ViewModifier复用样式 #

如果这个红色文本样式需要在多处复用，可以自定义ViewModifier封装样式逻辑：

// 定义修饰符
struct RedForegroundStyle: ViewModifier {
    func body(content: Content) -> some View {
        content.foregroundColor(.red)
    }
}

// 给View扩展便捷调用方法（可选，提升易用性）
extension View {
    func redForeground() -> some View {
        modifier(RedForegroundStyle())
    }
}

// 使用示例
if let image = image {
    Label("ok", systemImage: image).redForeground()
} else {
    Text("ok").redForeground()
}

后续要修改颜色或添加其他样式，只需调整RedForegroundStyle，所有调用处会同步更新。

方案三：封装成自定义视图 #

如果这个带图/无图的“ok”标签会在多页面使用，直接把逻辑和样式封装成自定义View是最干净的选择：

struct OkStatusLabel: View {
    let image: String?
    
    var body: some View {
        Group {
            if let image = image {
                Label("ok", systemImage: image)
            } else {
                Text("ok")
            }
        }.foregroundColor(.red)
    }
}

// 使用时直接调用
OkStatusLabel(image: image)

外部调用只需传入image参数，无需关心内部视图分支和样式细节，可读性与复用性拉满。

内容的提问来源于stack exchange，提问作者Manuel