UINavigationBar transparent + on top of UITableView

Question

I have a transparent UINavigationBar. I also set hidesBarsOnSwipe to true. I want my navigationBar be on top of the content and hides when scrolling. Basically i want to achieve this effect (Navigation Bar on top of the content and also hiddes when scroll):

For now i just have this code and works everything, but i'm not able to put the content of the view behind the navigationBar:

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

Here is a sample project , as you see the tableView is at the bottom of the navigationBar and just goes to the top when it hides the navigationBar.

You can change color of navigation bar with tableview contentoffset if you need code please let me know. — Mohammed Hussain, Feb 02 '18 at 00:19
I'm facing the same problem, did you manage to find a solution? — WedgeSparda, Aug 27 '18 at 15:45

score 0 · Answer 1 · answered Feb 01 '18 at 18:32

0

On your view controller in Interface Builder disable Adjust Scroll View Insets. You can probably do it from code if you want as well.

answered Feb 01 '18 at 18:32

EmilioPelaez

16,368
5
39
43

score -1 · Answer 2 · answered Feb 01 '18 at 20:22

-1

check this tuto, it's amazing ;)

http://tobiashelmri.ch/swift,/ios/2016/12/08/hiding-the-status-bar-smoothly-in-ios-10.html

answered Feb 01 '18 at 20:22

chawki

845
1
8
13

It not related at all. – Godfather Feb 01 '18 at 20:27
The animation is there, So your work is just to detect Y position of your Scroll to make statusBar hidden or appears , this is the trick ;) good luck – chawki Feb 01 '18 at 20:39

UINavigationBar transparent + on top of UITableView

2 Answers2