iOS Swift Transition from normal navigation bar to transparent bar

Question

I googled for similar issues, but none of them actually solves this. I tried to push from a view controller with normal navigation bar, to a new view controller with transparent navigation bar. This is the code in 2nd view controller that I used to set navigation bar transparent

self.navigationController?.navigationBar.setBackgroundImage(UIImage(), for: .default) self.navigationController?.navigationBar.shadowImage = UIImage() navigationController?.navigationBar.barTintColor = .clear self.navigationController?.navigationBar.isTranslucent = true

How can I get a smooth transition without having a piece of light gray on navigation bar during transition?

Where did you added the code to make it transparent? in `viewDidAppear` or `viewWillAppear`? — Amal T S, Jun 23 '17 at 09:43
I set it in viewDidLoad, no matter where I set, this still happens — Hoang Trung, Jun 23 '17 at 09:45
This post may help you: https://stackoverflow.com/q/44343355/3900902 — Paulo, Jun 24 '17 at 04:27

score 0 · Accepted Answer · answered Jun 23 '17 at 09:36

0

What you need to do is to create a custom navigation bar and use it instead. It will look much better. I have had similar issues and the only thing that solved it for me was to create the custom navigation bar. Go to your Storyboard and add it:

answered Jun 23 '17 at 09:36

Rashwan L

38,237
7
103
107

Where should I set this navigation bar? on 1st or 2nd view? what else should I do or just it? – Hoang Trung Jun 23 '17 at 09:39
I would use it everywhere, but if you only want you could just set it on the 2nd view. – Rashwan L Jun 23 '17 at 09:41
I don't really know what to do with this – Hoang Trung Jun 23 '17 at 09:51
@HoangTrung, I created a custom project that shows how you can do this. You can download it [here](https://www.dropbox.com/s/ixjxcjifvuo6vna/CustomNavigationBar.zip?dl=0). – Rashwan L Jun 23 '17 at 10:06
thanks for the sample code. I tried to set transparent bar for 2nd VC, It's working nicely when push, but when going back, the back button is not moving as expected – Hoang Trung Jun 23 '17 at 11:16
Did you try my sample project? It solves your issue. – Rashwan L Jun 23 '17 at 16:07
yes i did. It's working nicely when push, but when going back, the back button is not moving as expected – Hoang Trung Jun 26 '17 at 07:24
It´s a default behaviour, you can try to gide the navbar in your viewWillDisappear in VC2 and see if you think it´s better. – Rashwan L Jun 26 '17 at 07:42
anyway, this should be easiest way to deal with this issue. Thanks – Hoang Trung Jun 26 '17 at 07:48
@HoangTrung, np glad to help. Good luck with your project. – Rashwan L Jun 26 '17 at 07:50

Prashant · Answer 2 · 2017-06-23T11:58:25.867

0

I'm attaching a sample project for your reference, everything is setup via storyboard, no code. Hope it helps!

file link

Here's what the project achieves, on the viewController showing the button, the navigation bar is visible, and when the button is clicked, another viewController is pushed into view, but the navigation bar is hidden completely from view. It only appears when the user taps anywhere within the view.

edited Jun 23 '17 at 11:58

answered Jun 23 '17 at 09:54

Prashant

336
3
18

@HoangTrung please check now. there was a typo. My apologies. – Prashant Jun 23 '17 at 11:59
thanks for the sample project. But I want to keep the navigation bar on 2nd view controller, not to hide it like that – Hoang Trung Jun 26 '17 at 07:27

iOS Swift Transition from normal navigation bar to transparent bar

2 Answers2