SwiftUI double navigation bar

Question

I am having trouble with navigation in SwiftUI. I have a button on a navigation bar, if clicked it pushes a new navigation view with list of items. When one of those items is tapped, it pushes a detail view.

But I am ending up with something like this.

Below is the code

struct FirstView: View {

   var body: some View {
       NavigationView {
           List {
            ...
           }
           .navigationBarTitle(Text("First View"))
           .navigationBarItems(trailing: MyButton())
       }
    }
}

struct MyButton: View {
    var body: some View {
        NavigationLink("SecondView", destination: SecondView())
    }
}

struct SecondView: View {
   var body: some View {
       NavigationView {
           Text("My View")
       }
   }
}

Quinn · Accepted Answer · 2019-09-23 14:55:54Z

46

Remove the NavigationView from SecondView.

The NavigationLink puts the second view inside the first views navigations view, so you do not need to put it inside a second one.

You can still update the title of the view from SecondView like so:

struct SecondView: View {
   var body: some View {
       Text("My View")
       .navigationBarTitle("Second View")
   }
}

answered Sep 23, 2019 at 14:55

Quinn

9,8989 gold badges43 silver badges70 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

ingconti · Accepted Answer · 2021-03-27 08:27:24Z

3

Quinn is right. but if You don't want a big area above:

add:

struct SecondView: View {
   var body: some View {
       Text("My View")
        .navigationBarTitle("Second View", displayMode: .inline)
   }
}

edited Mar 27, 2021 at 8:27

answered May 29, 2020 at 19:52

ingconti

11.8k3 gold badges68 silver badges52 bronze badges

1 Comment

Paul Bruneau Over a year ago

This has been deprecated in favor of developer.apple.com/documentation/swiftui/view/…

Collectives™ on Stack Overflow

SwiftUI double navigation bar

2 Answers 2

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related