SwiftUI，仅适用于容器的阴影 [英] SwiftUI, shadow only for container

问题描述

例如，我有这样的视图：

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和两个容器吗？

推荐答案

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

  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)

这篇关于SwiftUI，仅适用于容器的阴影的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！