iosswiftxcodeswift5sign-in-with-apple

SwiftUI Sign in with Apple button dark mode


I have implemented Sign in with Apple but the thing is that the button is always black. I would like to show it in light/ dark mode depending on the users phone.

Is there a way to achieve this?

import SwiftUI
import CryptoKit
import FirebaseAuth
import AuthenticationServices

struct SignInWithAppleButtonView: View {
    @State var currentNonce:String?
    
    var body: some View {
        SignInWithAppleButton(
            onRequest: { request in
                let nonce = randomNonceString()
                currentNonce = nonce
                request.requestedScopes = [.fullName, .email]
                request.nonce = sha256(nonce)
            },
            onCompletion: { result in
                switch result {
                case .success(let authResults):
                    switch authResults.credential {
                    case let appleIDCredential as ASAuthorizationAppleIDCredential:
                        
                        guard let nonce = currentNonce else {
                            fatalError("Invalid state: A login callback was received, but no login request was sent.")
                        }
                        guard let appleIDToken = appleIDCredential.identityToken else {
                            fatalError("Invalid state: A login callback was received, but no login request was sent.")
                        }
                        guard let idTokenString = String(data: appleIDToken, encoding: .utf8) else {
                            print("Unable to serialize token string from data: \(appleIDToken.debugDescription)")
                            return
                        }
                        
                        let credential = OAuthProvider.credential(withProviderID: "apple.com",idToken: idTokenString,rawNonce: nonce)
                        Auth.auth().signIn(with: credential) { (authResult, error) in
                            if (error != nil) {
                                // Error. If error.code == .MissingOrInvalidNonce, make sure
                                // you're sending the SHA256-hashed nonce as a hex string with
                                // your request to Apple.
                                print(error?.localizedDescription as Any)
                                return
                            }
                            print("signed in")
                        }
                        
                        print("\(String(describing: Auth.auth().currentUser?.uid))")
                    default:
                        break
                        
                    }
                default:
                    break
                }
            }
        )
    }
}

Solution

  • import SwiftUI
    import AuthenticationServices
    struct SignInWithAppleButtonView: View{
        var body: some View{
            
            DynamicAppleSignIn(
                onRequest: { request in
                    //Your Code
                },
                onCompletion: { result in
                    switch result {
                    case .success (let authResults):
                        print("Authorization successful.")
                    // Your Code
                    case .failure (let error):
                        print("Authorization failed: \(error)")
                    // Your Code
                    }
                }
            )
        }
    }
    struct DynamicAppleSignIn : View {
        @Environment(\.colorScheme) var colorScheme
        
        var onRequest: (ASAuthorizationAppleIDRequest) -> Void
        var onCompletion: ((Result<ASAuthorization, Error>) -> Void)
        
        var body: some View {
            
            switch colorScheme {
            case .dark:
                SignInWithAppleButton(
                    onRequest: onRequest,
                    onCompletion: onCompletion
                ).signInWithAppleButtonStyle(.white)
                .frame(minWidth: 140, maxWidth: 240, minHeight: 30,  maxHeight: 60, alignment: .center)
            case .light:
                SignInWithAppleButton(
                    onRequest: onRequest,
                    onCompletion: onCompletion
                ).signInWithAppleButtonStyle(.black)
                .frame(minWidth: 140, maxWidth: 240, minHeight: 30,  maxHeight: 60, alignment: .center)
            @unknown default:
                fatalError("Not Yet Implemented")
            }
            
        }
    }