Transparent navigation bar iOS 13

Question

Can't create transparent NavigationBar iOS 13.

I have custom UINavigationBar, where I configure UINavigationBarAppearance in

override init(frame: CGRect) {
    super.init(frame: frame)
    self.configure()
}

required init?(coder: NSCoder) {
    super.init(coder: coder)
    self.configure()
}

Configuration code:

let appearance = UINavigationBarAppearance()
appearance.configureWithTransparentBackground()
appearance.shadowColor = .clear
appearance.backgroundColor = .clear

And set it to:

self.compactAppearance = appearance
self.standardAppearance = appearance
self.scrollEdgeAppearance = appearance

And by the result I have this:

Expected result: NavigationBar should be transparent

try add `appearance.setBackgroundImage(UIImage(), for: .default)` — Denis Kakačka, Jun 01 '20 at 10:02
Does this answer your question? [transparent navigation bar ios](https://stackoverflow.com/questions/25845855/transparent-navigation-bar-ios) — serg_zhd, Jun 01 '20 at 10:16

score 3 · Answer 1 · answered Jun 01 '20 at 11:01

3

Modify the appearance code to this :-

let appearance = UINavigationBarAppearance()
appearance.configureWithTransparentBackground()
appearance.shadowColor = .clear
appearance.backgroundColor = .clear
appearance.backgroundImage = nil
appearance.shadowImage = nil

answered Jun 01 '20 at 11:01

Vincent Joy

2,598
15
25

2

You can cut the last 4 lines. They are identical to saying configureWithTransparentBackground, and you’ve said that. – matt Jun 01 '20 at 12:30

score 1 · Accepted Answer · answered Jun 01 '20 at 22:20

1

Works for me:

self.compactAppearance = appearance
self.standardAppearance = appearance
self.scrollEdgeAppearance = appearance
self.backgroundColor = appearance.backgroundColor

answered Jun 01 '20 at 22:20

clover4leaf

33
1
5

Transparent navigation bar iOS 13

2 Answers2