SwiftUI View中自定义UIColor设置opacity不生效如何解决？

解决方案 #

1. 排查颜色资源配置 #

• 打开customAlertColor对应的颜色资产，检查「Render As」选项是否设置为Original，如果选了Template，系统会忽略颜色本身的透明度信息，仅根据视图的tint着色，此时给Color设置opacity不会生效。
• 若无需适配多外观模式，可将「Appearances」设置为「None」，排除深浅模式下的色值覆盖问题。
  

2. 排查组件默认配置覆盖问题 #

如果是给Button、NavigationLink这类带系统默认样式的组件设置颜色，系统自带的tint或角色样式会覆盖自定义颜色的透明度属性，可先添加.tint(.clear)清空系统默认着色后再设置自定义颜色：

Button("测试") {}
    .tint(.clear)
    .foregroundColor(Color("customAlertColor").opacity(0.3))

3. 兜底桥接方案 #

如果直接用SwiftUI的Color构造方法透明度不生效，可以通过UIColor桥接的方式创建，该方式的透明度优先级最高，不会被系统配置覆盖：

.foregroundColor(Color(uiColor: UIColor(red: 242/255, green: 242/255, blue: 242/255, alpha: 0.3)))

4. 特殊组件属性校验 #

如果是给Shape、ProgressView等组件设置颜色，需要确认用了对应组件的正确着色属性，比如Shape需要用.fill()而非.foregroundColor()设置颜色，否则颜色配置本身不会生效，自然看不到透明度变化。

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