SwiftUI로 Apple Login 구현 시 Button Custom을 쉽게 구현하는 방법 - (.blendMode 사용기)

 

안녕하세요. 린다입니다.

최근 프로젝트를 진행하면서 애플 로그인을 구현했어요.

 

이번에는 커스텀으로 구현을 해야했습니다.

 

그치만 애플이 제공해주는 로그인 버튼은 이렇게 생겼잖아요 ... ?

 

 

사실 매일 기본적으로 제공해주는 저 버튼 디자인만 써버릇해서..

어떻게 하면 쉽고 빠르게 디자인만 변경할 수 있을까를 고민하다가..

blendMode(_:) 라는 modifier를 발견했습니다..

https://developer.apple.com/documentation/swiftui/view/blendmode(_:)

blendMode(_:) | Apple Developer Documentation

 

직역하면, 이 뷰를 중첩 뷰로 합성하기 위한 혼합 모드를 설정합니다. 라고 합니다.

즉, 중첩되는 방법을 제어할 수 있는 모디파이어더라구요.

 

 

그래서

 

코드를 이렇게 작성하면

보이는 건 HStack의 모습으로 버튼이 보이되,

동작은 SignInWithAppleButton 처럼 동작합니다.

 

 

짠. .. .!

 

사실 이렇게 쓰라고 있는 Modifier인지는 모르겠는데요...

일단은 이렇게 두고 있습니다.. 🥺

 

너무 좋은 modifier인 것 같아서 공유겸 블로깅 했어요!!!!

그치만 Apple Login Button Custom 에 관련해서 좋은 레퍼런스 있으신 분들 공유...를 기다려봅니다..