未在自定义UIButton上设置图像

Question

So I am trying to create a circular navbar button in my app that holds a users image. I went the route of subclassing UIButton and creating my own custom class.

All is well except for the part where I try to grab the image. I use alamofire to get the image based off of the URL that i get from firebase however the button is blue? with no image

Have I done anything wrong in my code

import UIKit
import Firebase
import AlamofireImage
import Alamofire

class CircularNavButton: UIButton {
    var userHandle: DatabaseHandle = 0
    var userRef: DatabaseReference?


    override init(frame: CGRect) {
        super.init(frame: frame)
        setupView()
    }

    required init?(coder aDecoder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }

    @objc func setupView(){
        observeUser()
    }


    @objc func observeUser(){
        self.userHandle = UserService.observeProfile(for: User.current, completion: { (userRef, user, nil) in
            self.userRef = userRef
            guard let userProfilePic = user?.profilePic else{
                return
            }
            Alamofire.request(userProfilePic).responseImage { response in
                debugPrint(response)
                if let image = response.result.value {
                    self.setImage(image, for: .normal)
                    print("image downloaded: \(image)")
                }
            }
        })
    }

    deinit {
        userRef?.removeObserver(withHandle: userHandle)

    }

}

Below is the init for when I add it to my navbar

 @objc func setupCircularNavButton(){
    let image = #imageLiteral(resourceName: "sports").withRenderingMode(.alwaysOriginal)

    let customView = CircularNavButton(type: .system)
    customView.addTarget(self, action: #selector(showMenu), for: .touchUpInside)
    customView.imageView?.contentMode = .scaleToFill

    customView.layer.cornerRadius = 15
    customView.clipsToBounds = true

    customView.widthAnchor.constraint(equalToConstant: 30).isActive = true
    customView.heightAnchor.constraint(equalToConstant: 30).isActive = true

    let barButtonItem = UIBarButtonItem(customView: customView)
    navigationItem.rightBarButtonItems?.insert(barButtonItem, at: 0)
}

Answer 1

因此，我可以通过在初始化时将按钮类型设置为custom来解决此问题

    let customView = CircularNavButton(type: .custom)