Today, my tester reported one issue related to bottom space in iPhone X. The bottom space of button is appropriate in all the iOS devices except iPhone X. See the below screenshot:-
To solve this issue, I need to take care of safe area. safeAreaInsets and safeAreaLayoutGuide are available after iOS 10 only.
Important points:-
If you need your UI elements to be inside the safe are, then set the constraints between UI element and safe are layout guides.If you need your UI elements to be extend to the edge of the screen, then set the constraints between UI element and it's super view.
Code snippet to get the bottom space.
if#available(iOS11.0, *) {
let window = UIApplication.shared.keyWindow let bottomPadding = window?.safeAreaInsets.bottom ?? 0.0 }
References:-
https://medium.com/@kahseng.lee123/how-to-solve-the-most-common-interface-problems-when-adapting-apps-ui-for-iphone-x-44c0f3c80d84https://medium.com/rosberryapps/ios-safe-area-ca10e919526f
To solve this issue, I need to take care of safe area. safeAreaInsets and safeAreaLayoutGuide are available after iOS 10 only.
Important points:-
If you need your UI elements to be inside the safe are, then set the constraints between UI element and safe are layout guides.If you need your UI elements to be extend to the edge of the screen, then set the constraints between UI element and it's super view.
Code snippet to get the bottom space.
if#available(iOS11.0, *) {
let window = UIApplication.shared.keyWindow let bottomPadding = window?.safeAreaInsets.bottom ?? 0.0 }
References:-
https://medium.com/@kahseng.lee123/how-to-solve-the-most-common-interface-problems-when-adapting-apps-ui-for-iphone-x-44c0f3c80d84https://medium.com/rosberryapps/ios-safe-area-ca10e919526f