自定义FUIAuthPickerViewController

Question

如何使用自定义按钮，自定义操作，背景，加载程序等来自定义Firebase UI Auth Picker控制器。

我已经尝试对FUIAuthPickerViewController进行子类化，但是我们无法访问登录按钮

Answer 1

这是您可以创建自己的FUIAuthPickerViewController类的方法：

使用以下命令创建FUICustomLoginController.swift：

import UIKit
import FirebaseUI
import FirebaseAuth

class FUICustomLoginController: ViewController {

    var authUI: FUIAuth! = FUIAuth.defaultAuthUI()
    var auth: Auth = Auth.auth()

    private func didSignIn(auth: AuthCredential?, error: Error?, callBack: AuthResultCallback?) {
        let callBack: (AuthDataResult?, Error?) -> Void = { [unowned self] result, error in
            callBack?(result?.user, error)
            self.authUI.delegate?.authUI?(self.authUI, didSignInWith: result, error: error)
        }
        if let auth = auth {
            self.auth.signInAndRetrieveData(with: auth, completion: callBack)
        } else if let error = error {
            callBack(nil, error)
        }
    }

    func signIn<T: FUIAuthProvider>(type: T.Type, defaultValue: String? = nil) {
        try? self.authUI.signOut() // logout from google etc..
        self.authUI.providers.first(where: { $0 is T })?.signIn(withDefaultValue: defaultValue, presenting: self, completion: self.didSignIn)
    }
}

从FUICustomLoginController继承控制器的子类：

class LoginPickerController: FUICustomLoginController {

    override func viewDidLoad() {
        super.viewDidLoad()

        // Customize authUI if needed
        //self.authUI.providers = ... 
        self.authUI.delegate = self
    }

    @IBAction func loginFacebook(_ sender: Any) {
        self.signIn(type: FUIFacebookAuth.self)
    }

    @IBAction func loginGoogle(_ sender: Any) {
        self.signIn(type: FUIGoogleAuth.self)
    }

    @IBAction func loginPhone(_ sender: Any) {
        self.signIn(type: FUIPhoneAuth.self)
    }
}

extension LoginPickerController: FUIAuthDelegate {

    func authUI(_ authUI: FUIAuth, didSignInWith authDataResult: AuthDataResult?, error: Error?) {
        // perform login actions
    }
}

Answer 2

您可以自定义默认按钮、添加图像等。（一个有效的技巧）

    class SignInViewController: FUIAuthPickerViewController {
    weak var delegate: signInProtocol?

    // Unhashed nonce.
    fileprivate var currentNonce: String?
    var backgView: UIView?
    override func viewDidLoad() {
        super.viewDidLoad()
        view.backgroundColor = .clear
        for each in view.subviews[0].subviews[0].subviews[0].subviews {
            if let button = each as? UIButton {
                button.layer.cornerRadius = 20.0
                button.layer.masksToBounds = true
                ///do any other button customization here
            }
        }
        ///add background image
        let scrollView = view.subviews[0]
        scrollView.backgroundColor = .clear
        let contentView = scrollView.subviews[0]
        contentView.backgroundColor = .clear
        let background = UIImage(named: "imagename")
        let backgroundImageView = UIImageView(image: background)
        backgroundImageView.contentMode = .scaleToFill
        view.insertSubview(backgroundImageView, at: 0)

    }

}