Navigation bar custom image view issue in iOS 11

user_1135714 0
Viewed 879

I'm setting a normal image view as a custom view for my nav bar item but this is what it's happening:

let imageView = UIImageView(frame: CGRect(x: 0, y: 0, width: 34, height: 34))
imageView.kf.setImage(with: user.profilePictureURL)
if user.profilePictureURL == nil {
    imageView.image = #imageLiteral(resourceName: "ProfilePlaceholderSuit")
}
imageView.backgroundColor = .white
imageView.layer.masksToBounds = true
imageView.layer.cornerRadius = 17
imageView.layer.borderWidth = 1
imageView.layer.borderColor = UIColor.white.cgColor
imageView.isUserInteractionEnabled = true
imageView.addGestureRecognizer(UITapGestureRecognizer(target: self, action: #selector(handleTap)))
navigationItem.rightBarButtonItem = UIBarButtonItem(customView: imageView)
print("ok, so the image view frame is", imageView.frame) // 0, 0, 34, 34

enter image description here

ios11 swift ios
2 Answers

This types of issue faced by many developers because of in iOS 11 UIBarButtonItem uses auto-layout instead of frames.

So you just want to set profile image on top right barButton items then please check my answer..

Other wise you can add constraints of imageView in you code like below 

    let widthConstraint = imageView.widthAnchor.constraint(equalToConstant: 34)
    let heightConstraint = imageView.heightAnchor.constraint(equalToConstant: 34)
    heightConstraint.isActive = true
    widthConstraint.isActive = true
user_19177820

This was a problem with the Kingfisher framework. I've switched to SDWebImage and it works fine (sometimes).

Edit:

This worked

let imageView = UIImageView()
imageView.translatesAutoresizingMaskIntoConstraints = false
imageView.heightAnchor.constraint(equalToConstant: 34).isActive = true
imageView.widthAnchor.constraint(equalToConstant: 34).isActive = true
user_11357140
Related