UINavigatoinBar background image appearing twice swift

Question

I am trying to set a background image for UINavigationBar. I have done it many times in Objective-C but in swift, I am facing a problem. I have searched and tried many things but none did work for me.

Here is the code I am using:

let navBackgroundImage:UIImage! = UIImage(named: "header")
self.navigationController?.navigationBar.setBackgroundImage(navBackgroundImage, for: .default)

My header image has following dimensions:

375 × 64 for 1x and so on for 2x and 3x. I have tried with 320x64 as well, but still, it doesn't work.

Screenshot:

As you can see, the image is appearing twice and not covering complete width.

Any suggestions?

EDIT

After trying

self.navigationController?.navigationBar.setBackgroundImage(UIImage(named: "header")?.resizableImage(withCapInsets: UIEdgeInsetsMake(0, 0, 0, 0), resizingMode: .stretch), for: .default)

Still appearing twice.

Check this link: https://stackoverflow.com/questions/26052454/ios-8-navigationbar-backgroundimage — 3stud1ant3, Jul 31 '17 at 09:00
I don't see any problem in above way of setting background image to the navigation bar. Internally the image should be stretched and displayed accordingly. Why don't you try setting some other image as it could be some issue with the image you tried ? — Shreekara, Jul 31 '17 at 09:03

score 2 · Accepted Answer · edited Dec 12 '17 at 08:49

2

Try this,

Swift

self.navigationController?.navigationBar.setBackgroundImage(UIImage(named: "header")?.resizableImage(withCapInsets: UIEdgeInsetsMake(0, 0, 0, 0), resizingMode: .stretch), for: .default)

Objective C

[self.navigationController.navigationBar setBackgroundImage:[[UIImage imageNamed:@"header"] resizableImageWithCapInsets: UIEdgeInsetsMake(0, 0, 0, 0) resizingMode: UIImageResizingModeStretch] forBarMetrics:UIBarMetricsDefault];

edited Dec 12 '17 at 08:49

Faris Muhammed

970
13
17

answered Jul 31 '17 at 09:00

harshal jadhav

5,456
2
18
26

I tried it but still, nav bar image appears twice like the screenshot. – iBug Jul 31 '17 at 09:05
did you removed your previous code cause there are two images in the screen shot – harshal jadhav Jul 31 '17 at 09:09
yeah, my code is being called only once and this is the only place where i am setting background image. – iBug Jul 31 '17 at 09:10

Aleksey Kornienko · Answer 2 · 2017-07-31T09:19:19.403

0

Try print something or use debug point to sure that your code not called twice, or use

let navBackgroundImage:UIImage! = UIImage(named: "header")!.resizableImage(withCapInsets: UIEdgeInsets.zero, resizingMode: .stretch)
UINavigationBar.appearance().setBackgroundImage(navBackgroundImage, for: .default)

edited Jul 31 '17 at 09:19

answered Jul 31 '17 at 09:07

Aleksey Kornienko

312
1
10

3stud1ant3 · Answer 3 · 2017-07-31T10:32:20.483

0

First add this line in your appDelegate didFinishLaunchingWithOptionsMethod

UINavigationBar.appearance().barTintColor = UIColor.clear

Then add the following in viewDidLoad method

if let image = UIImage(named: "header") {
            UINavigationBar.appearance().setBackgroundImage(image.resizableImage(withCapInsets:UIEdgeInsets.zero, resizingMode: .stretch), for: .default)
            UINavigationBar.appearance().contentMode = .scaleAspectFill
}

edited Jul 31 '17 at 10:32

answered Jul 31 '17 at 09:07

3stud1ant3

3,586
2
12
15

it doesn't even set background image. Only white nav bar – iBug Jul 31 '17 at 09:54
can you show me the code? , because it works perfectly for me, – 3stud1ant3 Jul 31 '17 at 10:00
in viewDidLoad method – iBug Jul 31 '17 at 10:24
@iBug please check my updated answer if you have not yet solved the problem – 3stud1ant3 Jul 31 '17 at 18:03

score 0 · Answer 4 · edited Jul 31 '17 at 10:11

0

You should use a debug point to make sure the code does not run twice, then:

let navBackgroundImage = UIImage(named: "header")!.resizableImage(withCapInsets: UIEdgeInsets.zero, resizingMode: .stretch)
navigationController?.navigationBar.setBackgroundImage(navBackgroundImage, for: .default)

edited Jul 31 '17 at 10:11

Tamás Sengel

55,884
29
169
223

answered Jul 31 '17 at 10:07

H.zh

1

UINavigatoinBar background image appearing twice swift

4 Answers4