SwiftUI - navigationBarBackButtonHidden - swipe back gesture?

Question

if I set a custom Back Button (which everyone wants, hiding the ugly text ;-) ) and using .navigationBarBackButtonHidden, the standard Swipe Back gesture on the navigation controller does not work. Is there a way to get this back and having a custom back button?

For Example:

NavigationView {
    NavigationLink(destination: DummyViewer())
     {
       Text("Go to next view"
    } 
 }

struct DummyViewer: View {
    @Environment(\.presentationMode) var presentationMode: Binding<PresentationMode>
    var body: some View {
        Text("Hello, World!").navigationBarBackButtonHidden(true)
            .navigationBarItems(leading:
                Button(action: { self.presentationMode.wrappedValue.dismiss()}) {
                    Text("Custom go back")
                }
        )
    }
}

If I do so, I cannot swipe back to the previous view, seems the gesture is then disabled... How to get it back?

Does this answer your question? [Hide navigation bar without losing swipe back gesture in SwiftUI](https://stackoverflow.com/questions/59921239/hide-navigation-bar-without-losing-swipe-back-gesture-in-swiftui) — iSpain17, Feb 17 '20 at 19:52

score 98 · Answer 1 · answered Feb 05 '20 at 01:31

98

Nothing I found about creating a custom NavigationView worked but I found that by extending UINavigationController I was able to have a custom back button and the swipe back gesture.

extension UINavigationController: UIGestureRecognizerDelegate {
    override open func viewDidLoad() {
        super.viewDidLoad()
        interactivePopGestureRecognizer?.delegate = self
    }

    public func gestureRecognizerShouldBegin(_ gestureRecognizer: UIGestureRecognizer) -> Bool {
        return viewControllers.count > 1
    }
}

answered Feb 05 '20 at 01:31

Nick Bellucci

2,296
1
11
8

This still works as of now (Xcode 11.4.1 on iOS 13.2) – pizzae May 15 '20 at 13:35
2

Still works on iOS 14.2. What a powerful spell! – Shengchalover Apr 05 '21 at 16:13
Still works in 14.5, thx! I wonder what the implications of this are because this is being applied to all navigation controls globally – TruMan1 May 02 '21 at 16:07
Works in iOS 15 Developer Beta 1 – liudasbar Jun 11 '21 at 23:41
2

This is amazing – Kyle Beard Oct 07 '21 at 17:06
1

But how to do some clean up after user swipes back? – Tony Chen Nov 03 '21 at 14:07
This still works in iOS 15.4 and Xcode 13.3.1 – Apr 30 '22 at 17:25
where do I put it? I couldn't make it work on ios15 – tcgumus Sep 20 '22 at 22:04
That's absolutely the way to go also on Xcode14 / iOS16.2! Awesome! – valvoline Feb 09 '23 at 19:41
Still works in Xcode 14.2. Improved answers below https://stackoverflow.com/a/76154592/3991269 – Dmitry May 02 '23 at 11:58

score 25 · Answer 2 · answered Apr 20 '22 at 07:36

25

I would like to integrate the answer given by Nick Bellucci to make the code also works in other circumstances, e.g. when the child view of the NavigationView is a ScrollView, or a View that is listening for Drag gestures.

extension UINavigationController: UIGestureRecognizerDelegate {
    override open func viewDidLoad() {
        super.viewDidLoad()
        interactivePopGestureRecognizer?.delegate = self
    }

    public func gestureRecognizerShouldBegin(_ gestureRecognizer: UIGestureRecognizer) -> Bool {
        return viewControllers.count > 1
    } 

    // To make it works also with ScrollView
    public func gestureRecognizer(_ gestureRecognizer: UIGestureRecognizer, shouldRecognizeSimultaneouslyWith otherGestureRecognizer: UIGestureRecognizer) -> Bool {
        true
    }
}

answered Apr 20 '22 at 07:36

Niccolò Fontana

306
3
5

Nice hint for making it works with scroll view. – ZYiOS Sep 14 '22 at 08:24
where do I put it? I couldn't make it work on ios15 – tcgumus Sep 20 '22 at 22:26
1

@tcgumus you can put it in any Swift file inside the project – Niccolò Fontana Sep 25 '22 at 18:39
This worked perfectly since my entire view is a page style tabview. Had to make a few tweaks but it worked. Thank you! – darkstar Oct 19 '22 at 02:11

score 2 · Answer 3 · answered Jul 09 '22 at 09:01

I've just created a hack which will not animate view but it works


extension View {
    func onBackSwipe(perform action: @escaping () -> Void) -> some View {
        gesture(
            DragGesture()
                .onEnded({ value in
                    if value.startLocation.x < 50 && value.translation.width > 80 {
                        action()
                    }
                })
        )
    }
}

Usage

struct TestView: View {
    @Environment (\.presentationMode) var mode
    var body: some View {
        VStack {
            Color.red
        }
        .onBackSwipe {
            mode.wrappedValue.dismiss()
        }
    }

}

score 1 · Answer 4 · answered May 02 '23 at 11:56

I would like to integrate the answer given by Niccolò Fontana who integrate the answer given by Nick Bellucci to make the code even better.

Niccolò Fontana makes it also works when the child view of the NavigationView is a ScrollView, or a View that is listening for Drag gestures.

But in that case you will simultaneously scroll and swipe. That fills annoying. And if you want original behavior, you should use that snippet:

extension UINavigationController: UIGestureRecognizerDelegate {
    override open func viewDidLoad() {
        super.viewDidLoad()
        interactivePopGestureRecognizer?.delegate = self
    }

    public func gestureRecognizerShouldBegin(_ gestureRecognizer: UIGestureRecognizer) -> Bool {
        return viewControllers.count > 1
    } 

    // To make it works also with ScrollView
    // public func gestureRecognizer(_ gestureRecognizer: UIGestureRecognizer, shouldRecognizeSimultaneouslyWith otherGestureRecognizer: UIGestureRecognizer) -> Bool {
    //     true
    // }

    // To make it works also with ScrollView but not simultaneously 
    public func gestureRecognizer(_ gestureRecognizer: UIGestureRecognizer, shouldBeRequiredToFailBy otherGestureRecognizer: UIGestureRecognizer) -> Bool {
        true
    }

}

score 0 · Answer 5 · answered Jun 13 '23 at 16:29

You might just wanna add this in your code and you can easily use the swipe back gesture with a custom back button or navigation bar hidden.

extension UINavigationController {
    override open func viewDidLoad() {
        super.viewDidLoad()
        interactivePopGestureRecognizer?.delegate = nil
    }
}

score -1 · Answer 6 · answered Dec 08 '19 at 11:47

-1

You can set the title to an empty string. So back bar button title will be empty:

struct ContentView: View {

    var body: some View {

        NavigationView {

            NavigationLink(destination: Text("Here you are")) {

                Text("Next").navigationBarTitle("")
            }
        }
    }
}

_{You can set the title onAppear or onDisappear if you need to.}

answered Dec 08 '19 at 11:47

Mojtaba Hosseini

95,414
31
268
278

Hi, I added some more information. It is about the Back Button and the Swipe gesture which it causes - or not. – sTOOs Dec 08 '19 at 13:51

score -1 · Answer 7 · answered Jan 28 '20 at 08:41

-1

If it's still actual, here I answered, how to set custom back button and save swipe back gesture.

answered Jan 28 '20 at 08:41

Hrabovskyi Oleksandr

3,070
2
17
36

SwiftUI - navigationBarBackButtonHidden - swipe back gesture?

7 Answers7

Linked