【SwiftUI】How ro round rectangle 👉 https://android.benigumo.com/20240423/rounded-rectangle/

TestContainerShape.swift

import SwiftUI

struct TestContainerShape: View {
  var body: some View {
    VStack {

      Text("🐶 Dog")
        .padding()
        .background(.yellow)
        .clipShape(.rect(cornerRadius: 24)) // *
        .padding()
        .background(.white)
        .clipShape(.rect(cornerRadius: 24)) // *

      Text("🐶 Dog")
        .padding()
        .background(.yellow)
        .padding()
        .containerShape(.rect(cornerRadius: 24)) // *
        .background { // *
          RoundedRectangle(cornerRadius: 24)
            .fill(.background)
        }

      Text("🐶 Dog")
        .padding()
        .background(.yellow)
        .padding()
        .background(.white)
        .containerShape(.rect(cornerRadius: 24)) // *

      VStack {
        Text("🐱 Cat")
          .padding()
          .background(.orange)
          .padding()
          .background(.white)
        Text("🐭 Mouse")
          .padding()
          .background(.cyan)
          .padding()
          .background(.white)
      }
      .padding()
      .background(.green)
      .containerShape(.rect(cornerRadius: 40))
      //.contentShape(.rect(cornerRadius: 40)) // no effect
      //.clipShape(.rect(cornerRadius: 40)) // outer only
      
    }
    .padding()
    .background(.blue)  
  }
}

#Preview("TestContainerShape") {
  TestContainerShape()
}