SwiftUI中如何让material背景上的Path填充色与文本颜色保持一致

问题原因 #

SwiftUI 中内置的Text、系统SF Symbol类型的Image会自动适配毛玻璃（material）背景的上下文渲染规则，默认启用活力（vibrancy）效果：该效果会自动调整内容的亮度和透明度，让内容在毛玻璃背景上呈现清晰高亮的效果，在深色风格的material背景上就会呈现出纯白色的表现。
而自定义绘制的Path默认不会触发这套活力效果的自动适配逻辑，你使用.fill()、.fill(.foreground)、.fill(.primary)填充时，系统只会按普通静态颜色渲染，没有叠加活力效果，和毛玻璃背景混合后自然就会呈现偏灰的状态。

解决方法 #

根据需求可以选择两种通用适配方案：

方案1：开启活力效果适配（推荐，自动适配明暗模式） #

给自定义Path添加vibrancyEffect修饰符，让它和系统控件共用同一套渲染规则，自动适配不同的material背景和明暗模式：

struct ContentView: View {
    var body: some View {
        HStack {
            Text("Hi")
            Image(systemName: "square.and.arrow.up.fill")
            Path { p in
                p.addRect(CGRect(origin: .zero, size: .init(width: 20, height: 30)))
            }
            .fill(.foreground)
            .frame(width: 20, height: 30)
            .vibrancyEffect() // 新增这一行即可
        }
        .padding()
        .background(.regularMaterial)
    }
}

方案2：直接使用和文本对齐的动态颜色 #

如果不需要和material背景的活力效果完全对齐，也可以直接填充系统文本对应的动态颜色，效果和系统文本完全一致：

.fill(Color(uiColor: .label))

该动态颜色会自动在深色模式下显示白色、浅色模式下显示黑色，完全匹配系统文本的颜色规则。

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