WidgetKit watchOS 10 .accessoryCorner中Gauge无法着色求助

在watchOS 10的.accessoryCorner Widget布局里，给Gauge添加.foregroundColor或.foregroundStyle后，预览和设备上始终显示白色，这大概率是系统的设计限制或Bug——Apple对这类紧凑Widget布局的组件样式有强制统一的规则，会覆盖自定义的颜色设置。

可行的替代方案 #

1. 尝试自定义GaugeStyle
   可以创建自定义样式来强制设置颜色，但在.accessoryCorner的紧凑布局下效果可能受限，示例代码：

   struct CustomCornerGaugeStyle: GaugeStyle {
       func makeBody(configuration: Configuration) -> some View {
           Gauge(value: configuration.value) {
               configuration.label
           } currentValueLabel: {
               configuration.currentValueLabel.foregroundColor(.green)
           } minimumValueLabel: {
               configuration.minimumValueLabel.foregroundColor(.green)
           } maximumValueLabel: {
               configuration.maximumValueLabel.foregroundColor(.green)
           }
           .tint(.green)
       }
   }
   
   // 使用方式
   Gauge(value: Double(recoveryScore), in: 0...100) {
       Text("Not shown")
   } currentValueLabel: {
       Text("Not shown")
   } minimumValueLabel: {
       Text("0")
   } maximumValueLabel: {
       Text("100")
   }
   .gaugeStyle(CustomCornerGaugeStyle())
   

2. 用ProgressView替代Gauge
   ProgressView在.accessoryCorner布局下的颜色设置不受限制，可以快速实现类似Gauge的圆形进度效果：

   ProgressView(value: Double(recoveryScore), total: 100)
       .progressViewStyle(CircularProgressViewStyle(tint: .green))
       .scaleEffect(0.8) // 根据布局调整大小适配
   

额外建议 #

• 先将watchOS更新到最新版本，确认是否是已修复的已知问题；
• 若问题仍存在，可通过Apple反馈助手提交Bug报告，附上你的代码片段和设备信息。

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