Embedding a Collection View inside a Container View - extra white-space at top

Question

I have an app that uses a Nav Contoller as it's initial VC, which then has a root UIViewContoller that contains a UIView at the top half, and a UIContainerView at the bottom. In the UIContanerView, I'm embedding a working UICollectionView that contains image buttons that segue to detail views.

The problem is that white space now shows up at the top of the UICollectionView. Given this is around 64 pixels high, it appears to be a ghosting of a Nav Bar 44px + Status Bar 20px = 64.

And if I scroll up everything looks fine and works as expected, and it also allows me to show you what I expected the layout to look like upon launch:

A snippet of my storyboard is below if that helps:

Answer 1

yes, that could be because child view controller embedded in container view gets the impression, that it is a direct child of UINavigationController, which in turn make collectionView leave top 64 pt insets.

TO solve this problem,In your child view controller interface builder, unmark adjust scrollView insets

This should solve your problem

UPDATE

As Dan suggested, we can also fix it programatically, by calling

automaticallyAdjustsScrollViewInsets = false

in viewDidLoad() of your UIViewController