iPhone X hide home indicator on view controller

Question

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?

I think it should be possible, i imagine it only works to hide the bar but the swipe gesture will still work in that area to go back to home. — Vlad, Oct 11 '17 at 15:29
Yes i've try and it just hiding it and when you click at the bottom it shows it again. — pierreafranck, Oct 11 '17 at 15:33

Tamás Sengel · Accepted Answer · 2018-11-29T11:58:35.973

86

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

override var prefersHomeIndicatorAutoHidden: Bool {
    return true
}

edited Nov 29 '18 at 11:58

answered Oct 11 '17 at 15:29

Tamás Sengel

55,884
29
169
223

2

But that slide twice is not working, I am testing in emulator. Even if its hidden, on single swipe its going on home screen. – smit patel Nov 16 '17 at 04:56
1

@smitpatel _When auto-hiding is enabled, the indicator fades out if the user hasn't touched the screen for a few seconds. It reappears when the user touches the screen again. This behavior should be enabled only for passive viewing experiences like playing videos or photo slideshows_ – Jack Nov 17 '17 at 03:38
5

"You'll actually have to slide twice to activate the gesture." This just isn't true. You have to slide twice if you override `preferredScreenEdgesDeferringSystemGestures`, not if you override `prefersHomeIndicatorAutoHidden`. – Tim Vermeulen Nov 29 '18 at 11:39

score 29 · Answer 2 · edited May 14 '20 at 03:10

29

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).

edited May 14 '20 at 03:10

Daniel Storm

18,301
9
84
152

answered Jan 02 '18 at 19:07

absmiths

1,144
1
12
21

1

This is what i wanted to achive. Rest all just hides the home indicator. – Ankit Kumar Gupta Jan 08 '19 at 09:20
I have an 'Method does not override any method from its superclass' error – Zaporozhchenko Oleksandr Aug 22 '19 at 12:58
The documentation says you also need to call `setNeedsUpdateOfScreenEdgesDeferringSystemGestures()` if you change the value. – Victor Engel Aug 23 '20 at 23:11
It seems like if you set the prefersHomeIndicatorAutoHidden with return true in addition with preferredScreenEdgesDeferringSystemGestures, the double swipe-up has no effect. With the prefersHomeIndicatorAutoHidden out-commented it works fine. Is there a solution to completely hide the home indicator and the double swipe-up enabled? – ZAY Nov 16 '22 at 10:22

score 6 · Answer 3 · edited Sep 27 '18 at 05:58

6

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
}

edited Sep 27 '18 at 05:58

luismgb

81
1
8

answered Feb 08 '18 at 12:38

DawnSong

4,752
2
38
38

@Marin It works all the same. `autoHidden` does not mean "always hidden". – DawnSong Sep 20 '18 at 01:22
What i mean is childVIewControllerForHomeIndicatorAutoHidden is a property now correct? – Marin Sep 20 '18 at 18:12
@Marin You are right. I updated my answer with Xcode 10. – DawnSong Sep 21 '18 at 06:16

Mycroft Canner · Answer 4 · 2019-10-20T19:28:52.880

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()
        }
    }

DrMickeyLauer · Answer 5 · 2017-10-11T15:31:32.070

3

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

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

edited Oct 11 '17 at 15:31

answered Oct 11 '17 at 15:30

DrMickeyLauer

4,455
3
31
67

Setting it to `NO` achieves the *opposite*. – Tamás Sengel Oct 11 '17 at 15:30

score 1 · Answer 6 · answered Oct 11 '17 at 15:34

1

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.

answered Oct 11 '17 at 15:34

pierreafranck

445
5
19

iPhone X hide home indicator on view controller

6 Answers6

Linked