如何移除SwiftUI Gauge组件的默认内边距？

你的代码中使用了.accessoryLinearCapacity这个Gauge样式，它是专为Apple Watch辅助控件设计的，默认会被系统限制尺寸，因此直接设置maxHeight: .infinity无法让它拉伸到图中所示的目标高度。以下是几个可行的解决办法：

方案一：替换为基础线性样式并自定义尺寸 #

放弃accessoryLinearCapacity，改用linear基础样式，这样可以完全控制Gauge的尺寸：

Gauge(value: 100, in: 0...100) { }
    .gaugeStyle(.linear)
    .rotationEffect(Angle(degrees: -90))
    .frame(width: 20, height: 200) // 直接指定目标高度，或替换为maxHeight: .infinity占满容器
    .tint(Gradient(colors: [.green, .green, .orange, .red]))

如果需要让Gauge占满父容器高度，记得给父容器（比如所在的VStack/HStack）设置明确的高度约束或maxHeight: .infinity。

方案二：调整Accessory样式的环境尺寸（仅WatchOS生效） #

如果必须使用accessoryLinearCapacity，可以通过修改环境变量accessorySize调整尺寸，但该方法仅在WatchOS上生效，iOS平台不兼容：

Gauge(value: 100, in: 0...100) { }
    .gaugeStyle(.accessoryLinearCapacity)
    .environment(\.accessorySize, .large)
    .rotationEffect(Angle(degrees: -90))
    .frame(width: 20, maxHeight: .infinity)
    .tint(Gradient(colors: [.green, .green, .orange, .red]))

方案三：自定义Gauge样式完全掌控布局 #

如果以上方案都不满足需求，可以自定义线性Gauge样式，完全控制绘制逻辑：

struct CustomLinearGaugeStyle: GaugeStyle {
    func makeBody(configuration: Configuration) -> some View {
        let progress = configuration.value
        return Rectangle()
            .fill(LinearGradient(colors: [.green, .green, .orange, .red], startPoint: .top, endPoint: .bottom))
            .frame(width: 20, height: progress * 300) // 300为总高度，按进度比例计算填充高度
            .cornerRadius(10)
            .rotationEffect(Angle(degrees: -90))
    }
}

// 使用自定义样式
Gauge(value: 100, in: 0...100) { }
    .gaugeStyle(CustomLinearGaugeStyle())
    .frame(maxHeight: .infinity)

需要注意的是，旋转后的视图布局要确保父容器没有额外的约束限制，否则Gauge无法正常拉伸到目标高度。

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