Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Autolayout for iPhone X

Autolayout for iPhone X

With the release of iPhone X and it's end to end display, there has been a confusion on how to handle the top notch and the bottom bar. Shwet will explain how Dream11 handles it.
Code Example: https://github.com/shwetsolanki/AnimationDemo

Shwet Solanki is SDE3 @ Dream11 & loves playing around with Code. In free time you will find him playing Cricket or CS:GO.

Presented at Swift Mumbai - Chapter #4 Meetup: https://www.meetup.com/Swift-Mumbai/events/250189683/


Swift India

June 03, 2018


  1. Shwet Solanki Autolayout for iPhoneX

  2. What’s different with the iPhone X?

  3. What’s different with the iPhone X? • A non 20

    point status bar height • A new screen size - 2436px x 1125px - 19:9 aspect ratio • 3x image size • Infamous notch at Top and Bottom of the screen
  4. What are the challenges?

  5. None
  6. None
  7. None
  8. None
  9. None
  10. How to solve?

  11. Safe Area Layout Guides

  12. Via Storyboard • Demo

  13. Programmatically - Using Autolayout • Demo

  14. Bonus

  15. Questions?