SwiftUI中使用.clipShape(.rect)时Toggle丢失Material背景的问题

我在带Material背景的半圆角视图内放置了Toggle组件，使用.clipShape(.rect(...))实现顶部圆角、底部无圆角的效果时，发现Toggle的Material背景消失了。

问题代码示例：

ZStack {
    Color.blue
    Toggle("On", isOn: .constant(false))
        .padding()
        .frame(width: 150, height: 100)
        .background(.thinMaterial)
        .clipShape(
            .rect(
                topLeadingRadius: 20,
                bottomLeadingRadius: 0,
                bottomTrailingRadius: 0,
                topTrailingRadius: 20
            )
        )
}

若改用RoundedRectangle(cornerRadius:)的.clipShape，背景能恢复，但无法实现底部无圆角的需求。

补充需求 #

后续需要扩展视图，让底部区域延伸，使Material背景覆盖安全区域。

解决方法 #

将Material背景嵌套在另一个background修饰符中，在透明颜色视图上应用带指定圆角的Material背景，并添加ignoresSafeArea()实现安全区域覆盖。

解决代码示例：

ZStack {
    Color.blue
        .ignoresSafeArea()
    VStack {
        Spacer()
        Toggle("On", isOn: .constant(false))
            .padding()
            .frame(height: 100)
            .background( // 常规背景容器
                Color.clear // 应用带ignoresSafeArea的Material背景
                    .background(.thinMaterial,
                                in: .rect(
                        topLeadingRadius: 20,
                        bottomLeadingRadius: 0,
                        bottomTrailingRadius: 0,
                        topTrailingRadius: 20
                    ))
                    .ignoresSafeArea()
            )
    }
}

内容的提问来源于stack exchange，提问作者bauerMusic