- background 수정자 안에 shadow를 주게 되면 버튼 바깥쪽에만 shadow가 들어간다.
- 버튼에 직접 shadow를 주면 버튼 내부 컴포넌트 전부에 shadow가 적용된다.
- background로 배경 그림자를 넣을때 button 라벨 안에 넣어야지 탭했을때 흐려지는게 배경 그림자에도 적용된다. 버튼 자체에 그림자를 넣게 되면 탭했을때 흐려지지 않는다.
struct Button: View {
var body: some View {
VStack(spacing: 40.0) {
Button("Tap Me") {
}
Button(action: {}, label: {
VStack {
Text("button")
Image(systemName: "wifi")
.foregroundColor(.green)
}
.padding()
.background(RoundedRectangle(cornerRadius: 10)
.fill(Color.white)
.shadow(radius: 10))
})
}
.font(.largeTitle)
}
}
