Gauge mit Gradient Style

Eine Gauge mit einem Farbverlauf von rot über gelb nach grün, passend zum Beispiel für eine Batterienazeige.

import SwiftUI

struct GaugeGradientExample: View {
    @State private var batteryLevel = 0.7

    var body: some View {
        VStack {
            Gauge(value: batteryLevel) {
                Text("Battery")
            } currentValueLabel: {
                Text("\(Int(batteryLevel * 100))%")
            }
            .gaugeStyle(.accessoryCircular)
            .tint(Gradient(colors: [.red, .yellow, .green]))

            Slider(value: $batteryLevel)
                .padding()
        }
    }
}