SwiftUI Expandable Navigation & Search Bar - iOS 17

Hello Guys 🖐🖐🖐
In this video, I'll teach you how to use SwiftUI to create a beautiful expandable navigation and search bar with the new iOS 17 APIs | SwiftUI Expandable Search Bar | SwiftUI Expandable Navigation Bar | SwiftUI Custom Navigation bar | SwiftUI Scroll Transitions | SwiftUI Scroll Target Behaviour | Xcode 15 | iOS 17 | Swift | SwiftUI Xcode 15 | SwiftUI for iOS 17 | Xcode 15 SwiftUI.
#apple #swiftui #ios #xcode #animation #ui #design #animation
► Source Code: / early-access-bar-10316...
► Subscribe For More: ruclips.net/user/Kavsoft?sub_c...
► For Apple Device Mockup's: apps.apple.com/us/app/mockvie...
► SwiftUI Books [Affiliate Link]: www.bigmountainstudio.com/fro...
► Support Us
Patreon : / kavsoft
PayPal: www.paypal.com/paypalme/Kavso...
Contributions : donorbox.org/kavsoft
BuyMeaCoffee: www.buymeacoffee.com/kavsoft
► My Specs
Xcode Version: 15.3
macOS Version: 14.4.1 Sonoma
► Official Website: kavsoft.dev
For Any Queries: kavsoft.dev/#contact
► Social Platforms
Instagram: / _kavsoft
Twitter: / _kavsoft
► Timestamps
0:00 Intro
0:38 Project Setup
1:00 Building Navigation bar
5:45 Expandable Search Bar
Thanks for watching
Make sure to like and Subscribe For More Content !!!

[@titoffen]

Nicely done. I like the short pause with the bubble indicating what you're going to tackle next. Gives better context.

[@BabyShipCode]

Very cool. Thanks!

[@fahis1996]

Nice tutorial. We need this kind of advanced UI.

[@noobietubie]

This is crazy, exactly when I needed this the most, you made a video! Thank you so much!!!

[@gradx7]

I was also in the same predicament after noticing a bug with my search bar implementation!

[@mayowaogunnubi]

What programming language is he using

[@meetthebreaks]

@kavsoft can you teach us how to make private profiles and block users using swiftui & firebase?

[@boyonetouch7407]

This video make me dive about GeometryReader again
Thanks

[@nurhadi-dev]

supper cool,, thank you so much for the great video

[@nitinbhatia493]

awesome like always ❤

[@yq_dev]

Thank U

[@yanmingliu2730]

awesome💯

[@cargoshorts5666]

can you recreate the home screen search bar which goes from a pill to a search bar?

[@junfly]

👍

[@19MOHAMMED96]

Can you make a tutorial on how to make invoices as pdf?

[@Kavsoft]

Check this out,
ruclips.net/video/xJtGa935C38/видео.html

[@user-wn8sr2wr1c]

Thank you!
There is a bug(?) where the bottom view is raised if scroll first and then searching. probably need to fix that code.
.padding(.bottom, isSearching ? -65 : 0)

[@Kavsoft]

Actually it’s the intended behaviour, but you can update it just by following these steps,
1. Comment out the padding line,
2. Add this code after the line .safeAreaPadding(15) in the LazyVStack,
.visualEffect { content, geometryProxy in
content
.offset(y: dynamicOffset(geometryProxy))
}
/// Helper Function
func dynamicOffset(_ proxy: GeometryProxy) -> CGFloat {
let offset = proxy.frame(in: .scrollView(axis: .vertical)).minY
return isSearching ? (offset

[@user-wn8sr2wr1c]

@@Kavsoft i will test it ! Thank you!

[@mayowaogunnubi]

Pls what programming language is this

[@Kavsoft]

It’s Swift Language (SwiftUI Framework)

[@LN1800]

@kavsoft can you teach us how to make private profiles and block users using swiftui & firebase?

[@haner0834]

For what? What do you mean by “block user use SwiftUI and firebase”?