Problem to set a custom image to TabBarItem

Question

I've a image 30x30 and I want set like TabBarItem in my TabBar. But when I set the result is this:

The large blue square appears instead my image.

score 0 · Answer 1 · answered Oct 04 '18 at 15:38

0

Make sure your image is single-color, preferably black and white. If there's a background, even one with a low alpha, you may get this effect. The OS is trying to make an iOS-style tab bar image (think of the ones in the Music app), which is single color. It converts the non-transparent pixels to blue, and the transparent ones to white/clear. If the entire image is non-transparent, you'll end up with that.

answered Oct 04 '18 at 15:38

Ben Gottlieb

85,404
22
176
172

I edited with my image, you know how transform image to single-color? Software, tool ? – Augusto Oct 04 '18 at 15:40

score 0 · Accepted Answer · answered Oct 04 '18 at 16:07

0

Did you check your image file name? Becuase I had exactly same experience and it was imge file name did not match with the name I put on storyboard

answered Oct 04 '18 at 16:07

User18474728

363
2
11

Storyboard autocomplete image name with the exists – Augusto Oct 04 '18 at 16:09
This you check this too? Assets.xcassets - Click on your image - Attribute Inspector - Render As - Original Image – User18474728 Oct 04 '18 at 16:11
This works!!!!! – Augusto Oct 04 '18 at 16:18
Good to hear it works!!!! :) – User18474728 Oct 04 '18 at 16:18
How I can know the size correct to fit ? – Augusto Oct 04 '18 at 16:18

Problem to set a custom image to TabBarItem

2 Answers2