How to make Navigation Bar back button always say back if the previous view has no title?

Question

E.g. if you navigate from View A to View B, View B will typically display a back button on the left side of the navigation bar that says "< View A" (assuming that View A's title is "View A").

When I don't have a title in View A, the back button in view B is simply "<" which is as expected, because view A has no title.

Now is there a way to make it so that if there is no title in the previous view, it should always say "< Back"?

score 1 · Accepted Answer · answered May 15 '20 at 12:39

1

You can make your own back button which can be individualized:

Put this at the top of your view:

@Environment(\.presentationMode) var presentationMode

var btnBack : some View { Button(action: {
    self.presentationMode.wrappedValue.dismiss()
}) {
    Text("< Back")
    }
}

And at at the end of your Stack in that View:

.navigationBarBackButtonHidden(true)    
.navigationBarItems(leading: btnBack)

answered May 15 '20 at 12:39

Kuhlemann

2,530
3
11
30

Works perfectly! Is there a way to make it like native, i.e. the " – pizzae May 15 '20 at 12:46
Use Image(systemName: "chevron.left") before Text(" Back"). – Kuhlemann May 15 '20 at 13:06
@pizzae, as far as I remember this approach disables swipe-to-back, just in case. – Asperi May 15 '20 at 13:26
@Asperi Yep I just encountered that problem and managed to solve it with the code from this answer: https://stackoverflow.com/a/60067845/6280334 – pizzae May 15 '20 at 13:38

How to make Navigation Bar back button always say back if the previous view has no title?

1 Answers1