Skip to main content

Posts

Showing posts from 2019

How to work with Charles proxy server

How to deal with iOS Safe Area and set UI For iPhone X

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