SwiftUI navigationView within Modal 'pushing' view down

Question

I currently have a modal view in SwiftUI that contains a series of NavigationLinks to different views. However, when I go to one of the other views it pushes all the content down leaving a empty forehead at the top of the view. How do I fix this? I have included an example screenshot below.

To further clarify, there is a main view with a button that opens a Modal view. This modal contains a navigation view with a series of NavigationLink Buttons. When opening the navigation links within the modal, that is when the view is pushed down.

stackoverflow.com/questions/62806762/… This one solved my issue. — Steven James
– Steven James, Commented Jan 12, 2021 at 14:25

Sorin Lica · Accepted Answer · 2019-11-20 06:31:17Z

4

You have a large navigation bar, try to set navigationBar displayMode to .inline

.navigationBarTitle(Text(""), displayMode: .inline)

answered Nov 20, 2019 at 6:31

Sorin Lica

7,84411 gold badges43 silver badges75 bronze badges

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

1 Comment

ty1 Over a year ago

I tried this, and while it did center my views back to normal, it added a top bar with a different background color than the view it was in. Is there an easy way to avoid this behavior?

Jordi Bruin · Accepted Answer · 2020-06-08 13:09:11Z

4

This probably happens because the view you push to from the NavigationView is also wrapped in a NavigationView.

struct SettingsView: View {
    var body: some View {
        NavigationView {
           NavigationLink(destination: IAPView()) {
               Text("In App Purchase")
           }
       }
    }
}

You probably have this in the IAPView()

struct IAPView: View {
        var body: some View {
            NavigationView { <-- this is causing it
               // your buttons here
           }
        }
    }

edited Jun 8, 2020 at 13:09

answered Jun 8, 2020 at 12:36

Jordi Bruin

1,5881 gold badge11 silver badges20 bronze badges

Comments

Audrey Sobgou Zebaze · Accepted Answer · 2020-06-28 17:23:08Z

1

You still have the default navigation bar space in your view. You need to add both these two view modifiers.

.navigationBarTitle("")
.navigationBarHidden(true)

answered Jun 28, 2020 at 17:23

Audrey Sobgou Zebaze

2,8702 gold badges21 silver badges9 bronze badges

Collectives™ on Stack Overflow

SwiftUI navigationView within Modal 'pushing' view down

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related