Interactive previews iPhone
ContainerRelativeShape
A shape that is replaced by an inset version of the current container shape. If no container shape was defined, is replaced by a rectangle
Platform Compatibility
iOS 14.0+ iPadOS 14.0+ macOS 11.0+ watchOS 7.0+ tvOS 14.0+ visionOS 1.0+
Tags
SwiftUI Code
VStack {
Text("Foo")
VStack {
Text("Bar")
Text("Foo")
.padding()
.background(ContainerRelativeShape().fill(Color.green))
}
.padding()
.background(ContainerRelativeShape().fill(Color.red))
}
.padding()
.background(.blue, in: RoundedRectangle(cornerRadius: 40))Found an issue or have a suggestion?
Created: June 12, 2025Updated: December 27, 2025
Explore Other Components
Browse all
Stepped Slider
Creates a slider to select a value from a given range, subject to a step increment
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
WheelPickerStyle
A picker style that presents the options in a scrollable wheel that shows the selected option and a few neighboring options.
