The latest iPhone X is trending as the “need of the hour” and almost all apps need a revamp to keep up with the trending technology. In Apple’s defence, it did remind developers to update their apps, prior to the launch of iPhone X. While many have challenged its infamous Face ID technology, the tech giant is doing its best by all possible means such as acquiring new startups, adding new AR features as it brings new innovations to please its loyal users. Considering the hype and the controversies around it, Apple was under a great deal of pressure to not disappoint its mobile users. Naturally, with Apple’s revamped App Store, the launch of iOS 11 and the brand new iPhone X, things are about to change.
In order to make the most of the Full-Screen Display Mode on iPhone X, developers will need to use Xcode 9 to build your app with iOS 11 SDK. Xcode 9 includes Swift 4 and SDKs for iOS 11, watchOS 4, tvOS 11, and macOS High Sierra 10.13.
Developers can still continue with launch images, in order to avoid running your app in letterbox, its best to switch to launch storyboard or add one for new iPhone X dimensions.
UI displays can make or mar an App on iPhone X. To make sure no elements of UI displays are clipped, mispositioned, incorrectly scaled or overlapping, use Apple’s safe area guides and layout margins to find out any such issues. The safe areas also help in the layout of your content.
The tool helps you find out which portion of the view is not covered by navigation bars, tab bars, toolbars, and other ancestor views by highlighting those uncovered sections when your app view is displayed on the screen.
While the UITableView itself will run edge to edge, the contentView of your UITableViewCell is constrained by the safe area. In case you want to make any changes, you can use the new UITableView.insetsContentViewsToSafeArea setting provided by iOS 11.
The layout of native components in an App such as UITableView, UINavigationBar or UITabBar, will be automatically adjusted for the iPhone X.
While you may have fixed all the issues cropping in portrait mode, make sure you’ve doubled checked those issues as a majority of them are likely to appear in landscape mode. Make sure you test all of your UI with the device rotated, both to the left and to the right.
The navigation bar in iOS 11 is using Auto Layout and the fonts are bigger and bolder. Although, the setting is disabled by default if you want to provide a content rich experience in your Apps, enable the setting to automatic.
Now that Apple has unified the navigation and the search bar, you don’t want to be the only one with an abrupt non-unified search bar looks bad on an iPhone X. How can you fix this?
I assume this is what you have at the moment.
Use this code to fix it
Before you submit your App to the App Store, get it reviewed by Test Flight Beta Testing. Once you’ve incorporated all the valuable feedback, its time to update your PRODUCT PAGE. For step-by-step instructions how to submit your apps for distribution on the App Store, see the iTunes Connect Developer Help.
Joshua is a writer at MobileAppDaily and also works as a reporter for the team to keep our readers up to date. He is breaking the mobile app technology news for MobileAppDialy since 2016 and has more than 4 years of experience as a tech blogger.