LinearCapacityGaugeStyle
A gauge style that displays a bar that fills from leading to trailing edges as the gauge’s current value increases
Platform Compatibility
Tags
SwiftUI Code
@State private var currentValue = 0.42
var body: some View {
VStack {
Gauge(value: currentValue) {
Text("Foo")
}
Gauge(value: currentValue) {
Text("Foo")
} currentValueLabel: {
Text("\(currentValue)")
}
.padding(.vertical)
Gauge(value: currentValue) {
Text("Foo")
} currentValueLabel: {
Text("42")
} minimumValueLabel: {
Text("0")
} maximumValueLabel: {
Text("100")
}
}
.gaugeStyle(.linearCapacity)
}Found an issue or have a suggestion?
More Gauge Components
View all
CircularGaugeStyle
A gauge style that displays an open ring with a marker that appears at a point along the ring to indicate the gauge’s current value
LinearGaugeStyle
A gauge style that displays a bar with a marker that appears at a point along the bar to indicate the gauge’s current value
AccessoryLinearCapacityGaugeStyle
A gauge style that displays bar that fills from leading to trailing edges as the gauge’s current value increases
AccessoryLinearGaugeStyle
A gauge style that displays bar with a marker that appears at a point along the bar to indicate the gauge’s current value
AccessoryCircularCapacityGaugeStyle
A gauge style that displays a closed ring that’s partially filled in to indicate the gauge’s current value
AccessoryCircularGaugeStyle
A gauge style that displays an open ring with a marker that appears at a point along the ring to indicate the gauge’s current value
Explore Other Components
Browse all
LargeProductViewStyle
A style for a product view that’s suitable for layouts where the in-app purchase content is prominent.
Custom Value Label Picker
Creates a picker that generates its label from a localized string key and accepts a custom current value label.
InsetGroupedListStyle
The list style that describes the behavior and appearance of an inset grouped list.
