Gauge appears as a slider on watch… | Apple Developer Forums

Gauge appears as a slider on watchOS

The code available for this WWDC session produces something like a slider on the watch. Also, the set value can be shown or the two extreme values, but not both. Finally, the foreground colour of green will not apply. Any ideas?

17:32 mark

Code Block swiftstruct ContentView: View {
		var acidity: Double
		var body: some View {
				Gauge(value: acidity, in: 3...10) {
						Label("Soil Acidity", systemImage: "drop.fill")
								.foregroundColor(.green)
				}
		}
}

Code Block swift
struct ContentView: View {
var acidity: Double

var body: some View {
Gauge(value: acidity, in: 3...10) {
Label("Soil Acidity", systemImage: "drop.fill")
.foregroundColor(.green)
}
}
}

17:52 mark

Code Block swiftstruct ContentView: View {
		var acidity: Double
		var body: some View {
				Gauge(value: acidity, in: 3...10) {
						Label("Soil Acidity", systemImage: "drop.fill")
								.foregroundColor(.green)
				} currentValueLabel: {
						Text("\(acidity, specifier: "%.1f")")
				}
		}
}

Code Block swift
struct ContentView: View {
var acidity: Double

var body: some View {
Gauge(value: acidity, in: 3...10) {
Label("Soil Acidity", systemImage: "drop.fill")
.foregroundColor(.green)
} currentValueLabel: {
Text("\(acidity, specifier: "%.1f")")
}
}
}

18:00

Code Block swiftstruct ContentView: View {
		var acidity: Double
		var body: some View {
				Gauge(value: acidity, in: 3...10) {
						Label("Soil Acidity", systemImage: "drop.fill")
								.foregroundColor(.green)
				} currentValueLabel: {
						Text("\(acidity, specifier: "%.1f")")
				} minimumValueLabel: {
						Text("3")
				} maximumValueLabel: {
						Text("10")
				}
		}
}