iOS - Safe Area Layout not work on iOS 9 and iOS 10

Question

Here is the constraints:

It works fine on iOS11, but doesn't work on iOS9 and iOS 10.

You can download the example over here.

Note: The UISwitch must be added to the RedView and use the Safe Area Layout.

please add the image of how you want it to be. what's the expected design? we can't guess the right design. sorry — Tung Fam, Dec 25 '17 at 17:00
Turn off *Safe Area* if you are supporting older version of iOS. — iphonic, Dec 25 '17 at 17:50

score 2 · Answer 1 · edited Apr 15 '19 at 08:41

2

https://developer.apple.com/documentation/uikit/uiview/2891102-safearealayoutguide

safeAreaLayoutGuide is introduced in iOS 11. No wonder it doesn't work in iOS 9 and 10.

For older versions, consider using layoutMargins property instead.

let window = UIApplication.shared.keyWindow
let topPadding = window?.layoutMargins

edited Apr 15 '19 at 08:41

Luda

7,282
12
79
139

answered Dec 25 '17 at 17:27

Mehul Parmar

3,599
3
26
42

score 1 · Accepted Answer · answered Dec 25 '17 at 17:03

1

are you trying to achieve this? (ios10 on the left and ios 11 on the right)

If yes, you can do next:

remove safe area from red view
set top constraint of UISwitch to the safe area of the view of view controller but not to the top of the red view.

answered Dec 25 '17 at 17:03

Tung Fam

7,899
4
56
63

score 0 · Answer 3 · answered Dec 25 '17 at 16:57

0

I checked your code and found top constraint of your Red View is not correct. Your Red View should align top from Safe Area instead of superview.

answered Dec 25 '17 at 16:57

Rahul

10,457
4
35
55

score 0 · Answer 4 · answered Jul 09 '18 at 14:30

0

In my case, setting edgesForExtendedLayout to an empty array for iOS 10 had the desired effect. Full answer here: https://stackoverflow.com/a/51247890/3885491

answered Jul 09 '18 at 14:30

Falco Winkler

1,082
1
18
24

mfaani · Answer 5 · 2018-03-05T15:24:30.567

-1

If you're using storyboards then it would work because Storyboard is backward-compatible. Bare in mind that storyboards hides the difference in the actual code and not good for deep understanding...

If you're doing it programmatically then:

See Safe Area Layout Guide Tutorial . SafeArea is available in iOS 11 only. For non-iOS 11 you must use topLayoutGuide.bottomAnchor.

For more see On iOS, what are the differences between margins, edge insets, content insets, alignment rects, layout margins, anchors…?

edited Mar 05 '18 at 15:24

answered Dec 25 '17 at 18:37

mfaani

33,269
19
164
293

Apple told us in [WWDC 2017 Session 412](https://developer.apple.com/videos/play/wwdc2017/412/) that Storyboards using safe areas are backwards deployable. – Allen.L Dec 26 '17 at 01:06
You're right. Just from a pure learning perspective, my answers points out their differences. It's better to *know* their differences and not allow Xcode just do things we don't know of. – mfaani Dec 26 '17 at 03:33
Okay, I will make a schedule to learn their differences, thanks for your advice. :) – Allen.L Dec 26 '17 at 04:01
This answer is misleading for the same reason Allen mentions. – Matt Mc Mar 04 '18 at 05:35

iOS - Safe Area Layout not work on iOS 9 and iOS 10

Note: The UISwitch must be added to the RedView and use the Safe Area Layout.

5 Answers5