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

ContainerRelativeShape - iOS Light Mode Preview

Platform Compatibility

iOS 14.0+ iPadOS 14.0+ macOS 11.0+ watchOS 7.0+ tvOS 14.0+ visionOS 1.0+

Tags

SwiftUI Code

Docs 
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: June 12, 2025