Hello everybody!

I am writing this post because I have an issue with SwiftUI.

There is a NavigationView and a NavigationLink for a new view (here: "Me") that contains several elements as you can see in the screenshot below.

In the "Me" view, elements are displayed thanks to a ScrollView. But if I scroll, there is an issue with the NavigationBar as you can see here.

And if I use VStack instead of ScrollView, I have this result and I can't scroll:

Do you know how I can resolve this problem ?

Thank you.

Without seeing your code, can't give any really helpful suggestions.

Making the long story short, it appears the ScrollView is in conflict with the space provided by a NavigationView for the navigationBarTitle. At some point are you ignoring safe areas?

This is where previews and the canvas are really helpful, you'll be able to clearly see the outlines of the area.

I'm not sure about iOS14, but in iOS13 there's no real way to eliminate the space. There are several hacks if you search stackoverflow, but those will turn off the navigationBar on all your views. And it looks like you have a couple buttons there...

A quick workaround is to use navigationBarTitle("") or navigationBarTitle("", displayMode: .inline). You'll see your "Me" is no longer displayed and the navigationBar is more prominent. You may also want to apply a GeometryReader, but that will also preserve some space for the title. Try all this in the previews and watch how SwiftUI moves things around.