On Tuesday, Apple announced the iPhone X, described as “an iPhone that is entirely screen.” On closer inspection, though, the screen does appear to missing a little something.
We have until November 3rd to get our apps up to date for it. Here’s a guide.
Luckily, Apple has made it pain to develop apps that know where the status bar is, so at WWDC 2017, when they announced a new layout guide, the “Safe Area”, we just assumed that they finally came to their senses and would let us sanely put content directly below the status bar without hardcoding its size.
You can watch these videos to see their suggestions. They all happen to be really useful for developing for iPhone X.
It turns out that the “Safe Area” is how Apple has made it easy to fix all of our notch bugs.
That is, it’s easy if you use auto-layout. If not, and you want to stick with manual layout, there are Safe Area Insets to code against.
In either case, the next step is to go through each of your screens and see what needs to be done. Make sure to check landscape left and right, as that is where problems will more likely surface. We’re usually good about staying way from the status bar, but now there’s an area on the left (or right) to avoid (or embrace) as well.