Something else that I think is a nice add on is to use the previewLayout of sizeThatFits. With your idea of keeping the DiscoverView() below you can see just the elements alone in the top and then the full layout below. Thanks as always for your tips and tricks. struct PopularDestinationsView_Previews: PreviewProvider { static var previews: some View { PopularDestinationsView() .previewLayout(.sizeThatFits) .padding() DiscoverView() } }

Hey Brian, Are we using the MVC design for this project? Thanks

I apologize for polluting the comments but I think this is a nice fix. The nav bar currently animates to a small nav bar which has a gray background and just looks off with the design to me. My fix is to create a custom nav bar appearance and to completely hide the small nav bar view entirely. Below is the code: init() { let navAppearance = UINavigationBarAppearance() navAppearance.configureWithTransparentBackground() navAppearance.backgroundColor = .none navAppearance.titleTextAttributes = [ .foregroundColor: UIColor.clear, // .font : UIFont.systemFont(ofSize: 22, weight: .heavy) ] navAppearance.largeTitleTextAttributes = [.foregroundColor: UIColor.white] UINavigationBar.appearance().standardAppearance = navAppearance UINavigationBar.appearance().compactAppearance = navAppearance UINavigationBar.appearance().scrollEdgeAppearance = navAppearance UINavigationBar.appearance().tintColor = .white }

Hey guys, after I refactored my code I am having a weird bug, everything looks just as it did before in the preview, but when I build to my physical device now, the UI is wrong. The corner radius isn't working on the discover card (top of the zstack holding the other views below the search bar) and the z stack isn't working. My fonts also all turned white. I cleaned my project, rebuild, quit xcode, but the bug won't go away.