SwiftUI Scrollable Tab Bar - iOS 17

Hello Guys 🖐🖐🖐
In this video, I'll teach you how to use SwiftUI to create beautiful scrollable tab bar with the new iOS 17 APIs | SwiftUI Custom Tab Bar | SwiftUI Scrollable Tab bar | SwiftUI ScrollView iOS 17 Updates | SwiftUI Paging ScrollView | SwiftUI Dynamic Tab Indicator | SwiftUI Resizing Tab Indicator | 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-tab-10265...
(The source code contains a TabView example as well)
► 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:23 Project Setup
1:44 Building Paging View
3:14 Building Scrollable Tab Bar
Thanks for watching
Make sure to like and Subscribe For More Content !!!

[@Kavsoft]

The source code contains a TabView example as well, but this iOS 16 video almost uses the same concept for the usage of the TabView. Check it out.
ruclips.net/video/z0VWKhpZ5vY/видео.html

[@yq_dev]

Wonderful, it a little diffcult to me to understand it completely 💯

[@felipequintella]

This tutorial is awesome! Can you try to make a scrollable tab bar that follows the scrolling pages in sync and always has the selected header centered? And that you can select the page by scrolling the tab bar on top of tapping to select? I'm looking for an experience like the tabs on the Copilot Money budgeting app.

[@LN1800]

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

[@ucbui3652]

Well, this is what I'm working on. The different is my body is a vertical list with sections. But this gives me idea to improve it. Thank you

[@alecspopa]

Thank you for the wonderful tutorials.
I would like to see your approach for a tags view (like in the Reminders app) and a Currency field input (one that should only allow you to input numbers and will fill the amount from right to left taking into consideration the decimal places of the currency and not allowing selection or pasting)

[@laurentbennis]

fantastic tutorial thank you :)

[@MrDeGoodly]

How difficult would it be to add an animated header to this? Ideally, the header should hide with animation on scroll while maintaining the ability to swipe between tabs.

[@TORESNNN]

How can I make this work without enum? Using Int or String as model id doesn't work.

[@user-xc4ck1yk2s]

Can you create a tab bar on each detail page on your RUclips channel? The tab bar in the scroll, the sort buttons in the Shorts tab

[@tobiomotayo]

Could you please recreate Swipeable Instagram View Layout with new SwiftUI APIs. Thanks.

[@Kavsoft]

Noted!

[@ashshoukr2788]

@Kavsoft this!! like the instagram profile page with embedded tabview like function

[@arozendojr]

Can you show how to create a project with swiftui and hot reload enabled, I have a lot of difficulty at this point

[@Kavsoft]

Xcode is having previews. It’s somewhat similar to hot reload, but instead of reloading on save previews, it reloads whenever the code is changed.

[@arozendojr]

@@Kavsoft I managed to hot reload Xcode

[@meetthebreaks]

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