SwiftUI - Overlapping Navigation bar In multi-controller hierarchy - News View

About Me

Latinos MediaSyndication

The Latinos del Mundo Media Syndication profile.

SwiftUI - Overlapping Navigation bar In multi-controller hierarchy

Posted by - Latinos MediaSyndication -

on - March 5, 2023 -

Filed in - Technology -

342 Views - 0 Comments - 0 Likes - 0 Reviews

I'm trying to understand why ScrollView inside a multi-controller hierarchy is no longer animating NavigationBar on scrolling.

Given that I have the following setup:

SwiftUI View:

struct SwiftUIView: View {
  var body: some View {
    ScrollView {
      ...
    }
  }
}

That Lives in the following hierarchy:

UINavigationController->UIHostingController->SwiftUIView

Everything works as expected, as you can observe here (NavigationBar opacity changes as a user scrolls):

But when I change the hierarchy and add another controller in between, it seems like ScrollView is losing "focus" for NavigationBar:

UINavigationController->UIViewController->UIHostingController->SwiftUIView

I assume that given that ScrollView is no longer at the top of the hierarchy, it loses control over the original NavigationBar ?

Here's demo, if anyone wants to play - https://github.com/ignotusverum/NavigationTesting

PS:

There are different approaches that I can take to make NavigationBar visible; for example, adding .padding(.top) seems to help with that, but NavigationBar is not reacting to the Scrolling action:

Photos

0 albums found

Related News

SwiftUI - Overlapping Navigation bar In multi-controller hierarchy

Photos