How to change home indicator background color on iPhone X?

ios xcode ios11 xcode9 iphone-x
Fengson picture Fengson · Sep 13, 2017 · Viewed 17.2k times · Source

I would like to change the background color of the view that appears on the bottom of the new iPhone X with a home indicator inside.

Is it possible?

Answer

nathangitter picture nathangitter · Sep 13, 2017

The home indicator color is determined automatically based on the color of the content below it.

Most of the time, this means you should not worry about its color since it is out of your control, and will always be clearly visible to users.

However, you can place a colored view in the area behind the home indicator to manipulate its color.

Examples

(Please note that these examples were taken on the iOS simulator, and behavior on a real device is different.)

Home indicator with white background

Background: white (#ffffff)

Home Indicator: black (#000000)

Home indicator with black background

Background: black (#000000)

Home Indicator: gray (#484848)

Home indicator with gray background

Background: gray (#5f5f5f)

Home Indicator: dark gray (#282828)

Home indicator with blue background

Background: blue (#1a98fc)

Home Indicator: very dark gray (#121212)

I wrote an in-depth article about the home indicator color if you want to learn more about its behavior: Reverse-Engineering the iPhone X Home Indicator Color

Related questions

iPhone X - Safe Area does not achieve full-screen experience?

The new HIG for iPhone X available here, specify: "Provide a full-screen experience. Make sure backgrounds extend to the edges of the display, and that vertically scrollable layouts, like tables and collections, continue all the way to the bottom." Now …

Read More
Fixing Xcode 9 issue: "iPhone is busy: Preparing debugger support for iPhone"

I'm looking for more information on the message below. Xcode 9 seems to be hanging for a couple minutes already... How can I tell Xcode 9 to quickly recognize my previously used device updated to iOS 11? .Alex’s iPhone is busy: Preparing …

Read More
How do you perform wireless debugging in Xcode 9 with iOS 11, Apple TV 4K, etc?

Wireless debugging was recently added as a feature in Xcode 9, iOS 11, and tvOS 11. Apple TV 4K doesn't have a USB port, so it requires wireless debugging. How do you perform this wireless debugging in Xcode?

Read More