SwiftUI, shadow only for container(SwiftUI,仅适用于容器的阴影)
问题描述
例如,我有这样的视图:
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,仅适用于容器的阴影的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!