iPhone X CollectionView Safe Area

Question

AndrewAxon OP

Created Sep ’17

Replies 2

Boosts 0

Views 6.6k

Participants 3

Hi,

So I've got a viewcontroller with a containerview, the containerview is constrained to the superview not the safe area.

The layout is setup as:

containerview > tabbarcontroller > navigationcontroller > collectionviewcontroller

This looks perfect in the IPhone X simulator in portrait, but if I rotate the content goes under the notch

If I set the initial containerview contraints to the safe area and not the superview, the tab bar doesn't extend
to the bottom of the screen under the new home indicator,

How do I handle this scenario?

Boost

Answer 1

Frameworks Engineer OP

Apple

Oct ’17

If you are using flow layout in your collection view, you can use the section inset to make sure your content in the collection view remains inside the safe area. You can use the new UICollectionViewFlowLayout.sectionInsetReference property (set to .fromSafeArea) so this happens automatically.

0

Answer 2

antipex OP

Oct ’17

I'm trying to accomplish the same thing, but setting sectionInsetReference to .fromSafeArea in the flow layout is not working for me.

I have a sample project that reproduces this issue: https://github.com/antipex/Safety

0