Navigation bar button image not showing in Swift

Question

I'm back again.

I'm writing an app in Swift using Xcode 7. I've added a navigation controller and on top of that a navigation item, and then a bar button. I'm trying to change the image of the bar button to a png that I've imported into Xcode. However, it just shows this in the design and also when I run the app. It just shows a blue smudge in the navigation area.

I've tried importing the image into the project and also into images.xcassets with the same results.

Anyone know what may be wrong here?

Here's the image I've been trying to add and the settings I currently have.

Settings:

I guess: The bar button's tintcolor is default? And the bar button is set as "System"? Try changing it to "Custom" perhaps? — Rick
– Rick, Commented Sep 28, 2015 at 16:35

Preetam Jadakar · Accepted Answer · 2016-11-23 09:55:35Z

39

The way to resolve navigation button images appearing as blue is to select the image set in Assets.

And then choose Original Image from the Render As select options.

edited Nov 23, 2016 at 9:55

Preetam Jadakar

4,5612 gold badges31 silver badges58 bronze badges

answered Aug 16, 2016 at 10:17

Nicholas Murray

13.5k14 gold badges69 silver badges85 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Domenico Over a year ago

Solves the problem for me. It should be the accepted answer.

cekisakurek · Accepted Answer · 2015-09-28 16:56:04Z

5

You should have a image with alpha.(The sample image you posted has white background). Also you should set the image with template mode. I dont know how to do that in Interface builder. This is a sample code to convert the image to template.

var image = UIImage(named: "").imageWithRenderingMode(UIImageRenderingMode.AlwaysTemplate)

answered Sep 28, 2015 at 16:56

cekisakurek

2,4742 gold badges18 silver badges29 bronze badges

3 Comments

beninabox_uk Over a year ago

Okay thanks! When you say an image with alpha, should this still be in a PNG format or should it be another format, such as JPG or something?

cekisakurek Over a year ago

yes it should be png. jpg doesnt have alpha channel.

beninabox_uk Over a year ago

Had a look into this, and this isn't the issue. It does have a transparent background in the image. Thanks for the recommendation anyway.

Collectives™ on Stack Overflow

Navigation bar button image not showing in Swift

2 Answers 2

1 Comment

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related