SwiftUI，仅适用于容器的阴影

Question

比如我有这样的看法：

import SwiftUI

struct TarifsScreen: View {  
    var body: some View {        
        GeometryReader { geometry in            
            VStack {                
                VStack {
                    Spacer()
                    Text("Text1")
                    Spacer()
                    Text("Text2")
                    Spacer()
                    Text("Text3")
                    Spacer()                    
                }
            }
            .frame(width: geometry.size.width, height: geometry.size.height)
            .shadow(color: Color.white, radius: 10, x: 0, y: 0)
        }
    }
}

如何只对 VStack 应用阴影，而不是对 VStack 内的所有元素应用阴影？也许我可以用 ZStack 和两个容器来做？

Answer 1

添加背景并为其应用阴影，如下例所示

  VStack {
    ...
  }
  .background(Color.white // any non-transparent background
    .shadow(color: Color.red, radius: 10, x: 0, y: 0)
  )
  .frame(width: geometry.size.width, height: geometry.size.height)

backup

SwiftUI，仅适用于容器的阴影

SwiftUI, shadow only for container

stack

shadow

swift

swiftui