Container View getting pushed down as if it had a

Question

I have a UIViewController with a Container View. This Container View contains a UITableViewController.

The UIViewController is embedded in a UINavigationController. I configure the NavigationBar by changing the tint color, the bar tint color and the title text attributes, but when I try to change the translucency I have a problem. I've singled out the problem by removing all the other customization code. Whenever I do this in UIViewController's -viewDidLoad:

self.navigationController.navigationBar.translucent = NO;

the Container View adds some space on top of itself, as if it had it's own navigation bar. Whenever I set translucent to YES the view displays everything correctly. This only happens on a contained view whenever I set translucent to NO.

Is there something that I'm missing here?

I tried setting the translucency to YES on the contained view and also setting it to hidden, but nothing worked. Is somehow, the contained view inheriting properties from the parent's container? How do I avoid this extra space created on the contained view whenever I set the translucency to NO?

I would expect that setting the translucency only affects the translucency, but not the position of the views.

When translucent = YES

+---------------------------------+
|                                 |
|     UINavigationBar             |
|                                 |
+---------------------------------+
|                                 |
|                                 |
|                                 |
|                                 |
|                                 |
|    UITableViewController        |
|    in a Contained View          |
|                                 |
|                                 |
|                                 |
|                                 |
|                                 |
|                                 |
+---------------------------------+

when translucent = NO

+---------------------------------+
|                                 |
|     UINavigationBar             |
|                                 |
+---------------------------------+
|                                 |
|blank space created on top of view
|                                 |
+---------------------------------+
|                                 |
|                                 |
|                                 |
|                                 |
|                                 |
|                                 |
|     UITableViewController       |
|     in a Contained View         |
|                                 |
+---------------------------------+

P.S. My View is more complex than this, I'm simplyfying.

Answer 1

As of iOS 7.0, all views automatically go behind navigation bars, toolbars and tab bars to provide what Apple calls "context" – having some idea of what's underneath the UI (albeit blurred out with a frosted glass effect) gives users an idea of what else is just off screen.

If this is getting in your way (and honestly it does get in the way surprisingly often) you can easily disable it for a given view controller by modifying its edgesForExtendedLayout property.

For example, if you don't want a view controller to go behind any bars, use this:

edgesForExtendedLayout = []

Available from iOS 7.0

Source

Answer 2

The above mentioned in the above answers did'nt work for me.When translucent is NO my ViewController pushes downwards which is embeded in Navigation controller. The solution worked for me is shown below

1. Go to Attributes Inspector
2. Select 'Extend Edges' by ticking the checkbox titled Under Opaque Bar

The screenshot is atatched

I am using Xcode 9.

Thanks

Answer 3

setting the tableView.opaque = false worked for me

Answer 4

This is purely because of your auto layout issues, may be u are hiding some views on the starting, just show all the views and check whether the space is still there

Answer 5

What you are missing here is that a translucent navigation bar sits on top of your viewcontroller's view, while a non-translucent navigation bar pushes down your view controller's view (effectively resizing it).

So what is happening here is that with a translucent navigation bar, that white space is actually hidden underneath the bar, while when the bar is not translucent it's "pushed down".

There are a number of ways to go about it, and it mainly depends on whether you're using auto layout or not.

Answer 6

If this issue occurs with a storyboard (without touching the translucent property in the code), I found it helpful to check the NavigationBar settings and - if necessary - the storyboard source file.

(This does not fully apply to this question, but when I searched for the issue, basically only this question popped up and maybe the information helps others with the same issue.)

---

The details:

To access the Navigation Bar in the storyboard editor: Show the Document Outline (menu Editor -> Show Document Outline), select the Navigation Bar.

Then in the Utilities Pane on the right hand side in the Attributes inspector make sure, "Translucent" is unchecked.

If this does not help, open the storyboard file in TextEdit, look for the navigationBar element and check for opaque or translucent attributes. You want translucent="NO".

(To open the storyboard source: In Xcode in project navigator right click on the storyboard file. Select "Show in Finder" and in the Finder window, right click on the file and select "Open with..." and select TextEdit.)

EDIT: (I don't know, whether it was there all the time, but one can right click on the storyboard file in the project navigator and select "Open As" -> "Source Code". No need to go to the Finder.)