Building Walkthrough Screens Using TabView
If you're interested in the living heart of what you do, focus on building things rather than talking about them.
- Ryan Freitas, About.me
For the very first time launching an app, you probably find a series of walkthrough (or tutorial) screens. It's a common practice for mobile apps to step users through a multi-screen tutorial where all the features are demonstrated. Some said your app design probably fails if your app needs walkthrough screens. Personally, I don't hate walkthrough screens and find most of them pretty useful. Just make sure you keep it short. Don't take it too far to include long and boring tutorials. Here, I'm not going to argue with you whether you should or should not include walkthrough screens in your app. I just want to show you how.
App developers don't just use walkthrough screens to show you the app features. Some apps uses a series of walkthrough screen to set up the app such as enabling notifications and choosing the color theme. Figure 20-1 shows you an example of walkthrough screens.
In this chapter, we'll discuss how to use
TabView to create walkthrough screens. When I mention tab views, I guess you may think of an app with a tab bar. You can use
TabView to present an interface with multiple tabs. SwiftUI's tab view allows you to do more than building a standard tab interface. By changing its style, you can easily turn a tab view into a paged scrolling view.
Let's get started.
To access the full version of the book, please get the full copy here. You will also be able to access the full source code of the project.