iPhone X hide home indicator on view controller

IosUiviewcontrollerUikitIos11Iphone X

Ios Problem Overview


I have a view controller that takes up the whole screen from top to bottom. I would like to hide the home bar indicator on the bottom of the screen on iPhone X devices.

How can I do this in iOS 11?

Ios Solutions


Solution 1 - Ios

You should override prefersHomeIndicatorAutoHidden in your view controller to achieve that:

override var prefersHomeIndicatorAutoHidden: Bool {
    return true
}

Solution 2 - Ios

There is another alternative. If you are looking for the behavior where the indicator dims, then when the user swipes up it activates, and when they swipe up again the home action is invoked (I.E., two swipes are needed to invoke), then the answer is here: iPhone X home indicator behavior. The short of it is to override on your UIViewController:

override var preferredScreenEdgesDeferringSystemGestures: UIRectEdge {
    return UIRectEdge.bottom
}

prefersHomeIndicatorAutoHidden only hides the indicator, but will not suppress the gesture.

And you will get what you want (If I understand your comments correctly - your question and the selected answer seem to imply the other answer).

Solution 3 - Ios

If your window?.rootViewController is a UITabBarController or UINavigationController, just inherit it and add two function as follows,

override var prefersHomeIndicatorAutoHidden: Bool {
    return true
}

//@available(iOS 11, *)
override var childViewControllerForHomeIndicatorAutoHidden: UIViewController? {
    return nil
}

Solution 4 - Ios

Implement -(BOOL)prefersHomeIndicatorAutoHidden in your UIViewController and return YES.

Read more https://developer.apple.com/documentation/uikit/uiviewcontroller/2887510-prefershomeindicatorautohidden.

Solution 5 - Ios

I tried to set it and return true only when I am in full-screen :

override var prefersHomeIndicatorAutoHidden: Bool { isNavigationBarAndTabBarHidden }

but it doesn't seem to work... isNavigationBarAndTabBarHidden is a custom variable tied to my fullscreen extension.

Edit: We need to call setNeedsUpdateOfHomeIndicatorAutoHidden every time we update prefersHomeIndicatorAutoHidden's value.

    var isNavigationBarAndTabBarHidden = false {
        didSet {
            setNeedsUpdateOfHomeIndicatorAutoHidden()
        }
    }

Solution 6 - Ios

override func  prefersHomeIndicatorAutoHidden() -> Bool {
    return true
}

I suppose you can add this method in your AppDelegate for hide home indicator on all of your ViewControllers.

enter image description here

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
QuestionVladView Question on Stackoverflow
Solution 1 - IosTamás SengelView Answer on Stackoverflow
Solution 2 - IosabsmithsView Answer on Stackoverflow
Solution 3 - IosDawnSongView Answer on Stackoverflow
Solution 4 - IosDrMickeyLauerView Answer on Stackoverflow
Solution 5 - IosMycroft CannerView Answer on Stackoverflow
Solution 6 - IospierreafranckView Answer on Stackoverflow