當父視圖也獲得角半徑時，子視圖的 SwiftUI 角半徑會發生變化

Question

我在為視圖設置正確的角半徑時遇到問題。 假設我有這樣的觀點：

HStack {
    Text("Hello").padding().background(Color.red).cornerRadius(.infinity)
}

看起來像這樣：

正如你所看到的，角落是完美的圓形，這是想要的效果。 問題是，當我向HStack視圖添加角半徑時，在這種情況下是HStack ，我的子視圖的角半徑開始超過使角完美圓的邊界：

HStack {     
    Text("Hello").padding().background(Color.red).cornerRadius(.infinity)
}.cornerRadius(16)

問題是，如何確保子視圖的角半徑像第一張圖像一樣保持完美？

Answer 1

原來我必須將視圖包裝在一個合成組中才能使其工作。

這里的工作示例：

HStack {
    Text("Hello")
    .padding()
    .background(Color.red)
    .cornerRadius(.infinity)
    .compositingGroup()
}.cornerRadius(16)