SwiftUI Button

황인성·2025년 2월 16일

iOS

목록 보기
5/24
post-thumbnail

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

0개의 댓글