환경

만드는 법

기본 색상 만들기

extension Color {
    static let offWhite = Color(red: 245 / 255, green: 245 / 255, blue: 255 / 255)
}

ViewModifier로 설정

struct NeumorphismStyle: ViewModifier {
    var height: CGFloat
    var ratio: CGFloat

    func body(content: Content) -> some View {
        content
            .padding(10)
            .background(
                GeometryReader(){ geometry in
                    RoundedRectangle(cornerRadius: 30,
                                     style: .continuous)
                        .fill(Color.offWhite)
                        .shadow(color: Color.black.opacity(0.2), radius: 10, x: 10, y: 10)
                        .shadow(color: Color.white.opacity(0.5), radius: 10, x: -5, y: -5)
                        .frame(width:geometry.size.width * self.ratio,
                               height: self.height)
                }
            )
    }
}

설정 방법

NavigationLink(destination: SecondView()) {
                    Text("NextView")
                        .modifier(NeumorphismStyle(height: 50, ratio: 1.5))
                }

참고 기사