如何在 SwiftUI 中获取小部件圆角半径的大小？

【问题标题】：How to get the size of the corner radius of widget in SwiftUI?如何在 SwiftUI 中获取小部件圆角半径的大小？
【发布时间】：2021-04-15 16:30:35
【问题描述】：

我想在我的自定义视图周围保持相同的插图。需要外部圆角半径来更改我们自定义视图的圆角半径，

我找不到任何环境变量或任何其他方法来获取小部件本身的圆角半径。

仅将硬编码值解析为 .cornerRadius() 并不是在所有设备上都有效。自从不同的设备可能会为其小部件使用不同的半径。

    var body: some View {
            VStack {
                HStack {
                    VStack {
                        Text("Hello")
                            .font(.title)
                        Text("Widget")
                    }
                    .padding()
                    .background(Color.yellow)
                    .cornerRadius(10)//<=here
                    Spacer()
                }
                Spacer()
            }
            .padding(5.0)
        }

【问题讨论】：

标签： ios macos swiftui widgetkit ipados

【解决方案1】：

我们在iOS 14 中使用ContainerRelativeShape 有一个更好的方法来做到这一点。

ContainerRelativeShape 是一种新的形状类型，它将采用父级指定的最近容器形状的路径，并根据形状的位置具有适当的角半径。

在这种情况下，系统正在为我们的小部件定义容器形状，我们可以非常容易地获得与它同心的圆角半径。

.background(ContainerRelativeShape().fill(Color.yellow))

    var body: some View {
        VStack {
            HStack {
                VStack {
                    Text("Hello")
                        .font(.title)
                    Text("Widget")
                }
                .padding()
                .background(ContainerRelativeShape().fill(Color.yellow)) //<=here
                Spacer()
            }
            Spacer()
        }
        .padding(5.0)
    }

【讨论】：