SwiftUI：带圆角与实线边框的CardView点击阴影异常问题求助

• 你使用background(Color.white.shadow(radius: 6))的方式有误：background是添加在CardView的底层，而CardView内部已经有白色的圆角填充层，这个填充层完全盖住了底层带阴影的白色背景，只有阴影能从卡片边缘透出，看起来就像是阴影在矩形后方。
• 另外，默认的background会填充整个视图的矩形边界，不会继承CardView的圆角属性，所以阴影呈现方形，和卡片的圆角不匹配。

要满足CardView仅负责内容、边框和圆角，阴影逻辑由外部控制的要求，直接给CardView添加shadow修饰符即可，无需使用background。shadow会根据视图的实际形状（这里就是CardView内部的圆角矩形）生成对应的圆角阴影，且阴影效果会正确显示在卡片周围：

修改ContentView中的代码：

struct ContentView: View {
    @ObservedObject private var cardState = CardState()
    
    var body: some View {
        VStack {
            let cardView = CardView(text: "Hello, world").onTapGesture {
                cardState.isSelected.toggle()
            }
            if cardState.isSelected {
                // 直接给卡片添加阴影修饰符
                cardView.shadow(radius: 6)
            } else {
                cardView
            }
        }.padding(20)
    }
}

如果需要自定义阴影的颜色、偏移量等，可以使用重载方法：

cardView.shadow(color: .gray, radius: 6, x: 0, y: 2)

当前CardView内部的ZStack已经包含了圆角矩形的填充和边框，SwiftUI能自动识别其形状，所以shadow会自动适配圆角，不需要额外添加clipShape。

内容的提问来源于stack exchange，提问作者Stephen.W