SwiftUI Page View | Onboard Flow
Вставка
- Опубліковано 9 лют 2025
- In today's video I show you how to create a TabView with the Page style in SwiftUI. This results in views that you can swipe through with dots at the bottom indicating which screen you are on. This is typically found in onboard views.
This video was created on Xcode 13 and iOS 15 (beta).
If you like my teaching or presentation style, I've started creating my own courses:
seanallen.teac...
SFSymbols Video:
• What's New in SFSymbol...
Twitter:
/ seanallen_dev
Link to my book - How I Became an iOS Developer:
gumroad.com/l/...
Hired.com:
hired.com/x/1n01g
Check out my podcast, iOS Dev Discussions:
itunes.apple.c...
Book and learning recommendations that help out the channel if you decide to purchase (Affiliate Links):
Paul Hudson's Hacking With Swift:
gumroad.com/a/...
Donny Wals - Combine:
gumroad.com/a/...
Mark Moeyken’s SwiftUI Books:
www.bigmountainstudio.com/swiftui-views-book/fzc51
Objc.io Books (Thinking in SwiftUI & Advanced Swift):
gumroad.com/a/...
Ray Wenderlich Books:
store.raywende...
Links to my iOS Dev Setup & iOS Dev Book Recommendations
www.amazon.com...
#swift #softwaredeveloper #iosdeveloper
If you enjoy my teaching/presentation style I have my own iOS Development courses at seanallen.teachable.com. You can watch the first ~10% of each course for free to get a feel for them.
Oooh I was actually planning on adding this to my app soon. Perfect timing! Thanks Sean!
Happy to help, Joseph 👍
This video is ninth when searching for "swiftui onboarding", but it should be first. Everything you need to know in under 6 minutes, awesome!
So here is a like to boost it :)
I appreciate the kind words!
Not only that. This was the cleanest implementation of it as well. The rest uses a combination of UIKit and other hacky solutions as well. Not professional nor enterprise quality code. Good job Sean
SwiftUI is basically React Native only for iOS on Swift language. Another great video, Sean.
Thanks Sean, really enjoy this short format content. Brilliant 👍🇮🇪
Thanks for the feedback, Stephen 😀
Nice video. I am adding this to my favorite list.
So easy to create those OnBoarding views! Thanks for showing off the new syntax too. Definitely useful and easy to remember!
Perfect timing. had to build an onboarding screen for work today 😅
Happy to hear it!
Thanks for the video Sean! Wish this was available in iOS 13. So many great things being added to swift UI.
It's growing up rapidly.
We can't use it in production, still alot of devices is in iOS 13 🥴
@@abhijithradhakrishnan8158 there are “hacks” to make it work using iOS 13. I’m building an onboarding flow for iOS 13+ using swift ui for our app in production. Being able to use the page view this way would make it a lot easier.
In hindsight the proper answer is to not adopt SwiftUI if you have to support iOS 13. That initial version of SwiftUI has a lot of rough edges.
Thank you! I was literally just reading git repos to learn this for my first app. 👏🏽 👊🏽 perfect timing. Great content. ~Candice
Happy to hear it!
I really like declarative UI programming, I think it’s the future…….thanks Sean for the video 🙏👍
I agree.
Excellent!! Super helpful! Thank you!
Happy to help, Clinton
Great video Allen!!
Thanks!
Easy and straight forward! Thanks for this video!
Cheers Sean - great clear video. :-)
Thanks Craig. Glad you enjoyed it!
I love the tutorials I went from 0 to SwiftUI Developer in one video 😅
Thank u mr Sean
Is there a way to make NavigationStack show master-detail view on iPad in landscape?...does the sidebar view in NavigationSplitView must be a list to push and pop correctly on iPhone in portrait?
Imaging doing that in UIKit , it would be pain in the butt.
Hi it is great. If I want to use a custom view as pages. the page view must be half screen real devise.. Please share about this. Thanks in advance
Respected Sir,
Kindly post a complete course on iOS app development for absolute beginners, covering everything from the basic concepts to advanced-level topics. As of now, we have experience working with React Native Expo and React Native CLI. This will be our first time using a MacBook to build iOS apps.
We request you to teach us starting from the basics, including how to use Xcode IDE, understanding the folder structure, and all the foundational concepts required for iOS app development. Please provide a detailed and updated course for 2025.
Thank you!
@bayram How can we change page control black or white to custom color?
How can I change the color of the page indicator?
Is there a modifier for changing those dots view’s location?
I don't believe there is a built-in way to do that. I had to alter the image for the thumbnail so it was visible.
Hello thanks for the explanation. Two questions 1) How to put onboard views running once, before the screen with already Tab View as you show on the beginning? I already have the content screen with TabView (typical use case would be, first showing the onboard views, than jump to first tabview, correct?. 2) how to code .indexViewStyle for iOS14 or below? many thanks
How use presentation Detents together with tabview
Does not work when switching between orientations: Xcode 13.2
Does anyone know how to limit the user from swiping to certain tabs until a function is called or prevent them from swiping to a tab until a conditional is true?
İs swiftui production ready?
If your app can support only iOS 15, then yes.