I would like to add a button to the destination view of a NavigationLink but in order to add the button I have to make the destination view a NavigationView. When I do that I essentiallly am adding a NavigationView within a NavigationView resulting in the view title and button of the navigation view to be pushed down below the tool bar area.

How would I add a button without causing that effect? Code below which demonstrates what I am describing.

Any insights would be much appreciated.

import SwiftUI

struct ContentView: View {
    var body: some View {
        NavigationView {
            VStack(spacing: 25) {
                NavigationLink("Click for Detail View with Button", destination: DetailViewViewWithButton())
                    .navigationTitle("Main View")

                NavigationLink("Click for Detail View without Button", destination: DetailViewWithoutButton())
                    .navigationTitle("Main View")
            }
        }
    }
}

#Preview {
    ContentView()
}

import SwiftUI

struct DetailViewViewWithButton: View {
    var body: some View {
        NavigationView {
            Text("Details...")
                .navigationTitle("Detail View With Button")
                .navigationBarTitleDisplayMode(.inline)
                .toolbar {
                    Button("Save") {
                        // some code here...
                    }
                }
        }
    }
}

#Preview {
    DetailViewViewWithButton()
}

import SwiftUI

struct DetailViewWithoutButton: View {
    var body: some View {
        Text("Details...")
            .navigationTitle("Detail View Without Button")
            .navigationBarTitleDisplayMode(.inline)
    }
}

#Preview {
    DetailViewWithoutButton()
}

Remove the NavigationView from the DetailViewViewWithButton

struct DetailViewViewWithButton: View {
    var body: some View {
//        NavigationView {
            Text("Details...")
                .navigationTitle("Detail View With Button")
                .navigationBarTitleDisplayMode(.inline)
                .toolbar {
                    Button("Save") {
                        // some code here...
                    }
                }
//        }
    }
}

PS if you want to see what looks like in preview

#Preview {
    NavigationStack {
        DetailViewViewWithButton()
    }
}

PS you should be using NavigationStack not NavigationView