How to set navigation bar to solid color

Question

When I change the background color of the navigation bar, it is opaque like the following.

UINavigationBar.appearance().backgroundColor = .black

Then if I set translucent to false, I don't see any color like the following

UINavigationBar.appearance().backgroundColor = .black    
UINavigationBar.appearance().isTranslucent = true

Any idea on how to make a solid background color?

staticVoidMan · Answer 1 · 2019-02-06T09:34:10.057

3

Set it's barTintColor

Example:

UINavigationBar.appearance().isTranslucent = false
UINavigationBar.appearance().barTintColor = .red

edited Feb 06 '19 at 09:34

answered Feb 06 '19 at 09:28

staticVoidMan

17,682
6
64
94

@YunCHan My bad. that's `barTintColor` not `tintColor`. Updated answer – staticVoidMan Feb 06 '19 at 09:34
Oh, BARtintColor! Thanks it worked. – Megool Feb 06 '19 at 09:35
1

@YunCHan Yeahh... just `tintColor` will affect the color of the `navigationItem`s such as the bar button's font color. – staticVoidMan Feb 06 '19 at 09:38

Ahmad F · Answer 2 · 2019-02-06T09:36:06.267

1

You should set the barTintColor instead of the backgroundColor:

The tint color to apply to the navigation bar background.

_{https://developer.apple.com/documentation/uikit/uinavigationbar/1624931-bartintcolor}

UINavigationBar.appearance().barTintColor = .black

edited Feb 06 '19 at 09:36

answered Feb 06 '19 at 09:30

Ahmad F

28,447
13
87
133

How to set navigation bar to solid color

2 Answers2