条形按钮项目未与图像一起出现

Question

我正在尝试将个人资料图片设置为条形按钮项。图片来自使用 SDWebImage 的 URL。当我运行该应用程序时，该项目显示为一个白框，并且所有其他右栏按钮项目都向左移动。有人知道我做错了什么吗？或者是否有更好的方法来做到这一点？

    @IBOutlet weak var myAvatarButton: UIBarButtonItem! {
    didSet {
        // call in "my user"
        guard let userImageURL = CurrentUser.shared.imageURL else {
            return
        }
        let avatarImage = UIImageView()
        avatarImage.frame = CGRect(x: 0, y: 0, width: 30, height: 30)
        avatarImage.sd_setImage(with: userImageURL, placeholderImage: #imageLiteral(resourceName: "placeholder"), options: [.refreshCached, .retryFailed], completed: nil)
        myAvatarButton.image = avatarImage.image
    }
}

第一张照片如模拟器所示，第二张照片来自情节提要。

Answer 1

使用完成块。您是直接将图像设置为按钮图像，但下载图像需要时间。

avatarImage.sd_setImage(with: userImageURL, placeholderImage: #imageLiteral(resourceName: "placeholder"), options: [.refreshCached, .retryFailed]) { (image, error, type, url) in
    if let image = image {
        myAvatarButton.image = image
    }
}