UICollection header full in iphone x

Question

I'm working in a UICollectionViewand I'm using the "Setion Header" option, everything is working fine except that in landscape mode the iPhone X does not fill completely.

I tried to find a solution for example with this but it does not work for me:

    if #available(iOS 11.0, *) {
        myCollection?.contentInsetAdjustmentBehavior = .always
    }

Any suggestions on this?

In portraid it looks good:

Order of my views:

set myCollection?.contentInsetAdjustmentBehavior = .never and set section inset manually — SPatel, Aug 08 '18 at 04:15
@SPatel. with `myCollection?.contentInsetAdjustmentBehavior = .never` does not work either — AlbertB, Aug 08 '18 at 04:28
It looks like this is not related to the section header, because the items within the section are also inset. You might get better answers if you change the question to be about UICollectionView instead of UICollectionViewHeader. To verify this, you can try to set a non-white background color on your collection view. — Marmoy, Aug 08 '18 at 04:33

Amit · Accepted Answer · 2018-08-08T07:12:00.610

2

You can use size classes for it.

In Storyboard click on view as at the bottom :

and change the orientation to landscape.

Select the trailing constraint of collectionView :

introduce the variation for the constraint for compact-compact as -44.

The final UI will be :

Repeat the same process for leading constraint. Hope it helps what you want to achieve here. Happy coding

Edit

Googled and got the same question in SO:

UICollectionView in landscape on iPhone X

May be this helps what you want to achieve.

edited Aug 08 '18 at 07:12

answered Aug 08 '18 at 04:35

Amit

4,837
5
31
46

Thanks for the suggestions, I'm trying but the order of my views: https://i.stack.imgur.com/PPjuX.jpg Trailing space: superview no safeArea. My view is inside `collection reusable view` – AlbertB Aug 08 '18 at 05:27
Sorry I forgot to mention that Leading and trailing constraints of `collectionView` – Amit Aug 08 '18 at 05:33
A query, I just see that the content of the UICollection also moved under the notch? – AlbertB Aug 08 '18 at 06:35
With its suggestion and adding this code works perfectly (the content of the UICOLLECTION no longer moves, only the header section) `if let flowLayout = collectionView?.collectionViewLayout as? UICollectionViewFlowLayout { if #available(iOS 11.0, *) { flowLayout.sectionInsetReference = .fromSafeArea } }` – AlbertB Aug 08 '18 at 14:45

score 1 · Answer 2 · answered Aug 08 '18 at 05:06

1

Remove Leading trailing constraints and add Leading and trailing constraints 0 from view not from safe area for your collection view.

answered Aug 08 '18 at 05:06

Chanchal Chauhan

1,530
13
25

Thanks for your response, my `View header` have these constraints ==> Trailing space to: Superview: 0 Leading space to: Superview: 0 – AlbertB Aug 08 '18 at 05:31
I was talking about collection view constraints. – Chanchal Chauhan Aug 08 '18 at 06:04

UICollection header full in iphone x

2 Answers2