Chapter 20
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

When launching an app for the first time, it is common to include a series of walkthrough screens or tutorials. These screens guide users through the app's features and functionality. Some argue that the need for walkthrough screens implies a failure in app design. However, personally, I find most walkthrough screens to be useful and don't dislike them. The key is to keep them concise and avoid lengthy and boring tutorials. I won't debate whether you should include walkthrough screens in your app or not; I simply want to show you how to do it.

App developers utilize walkthrough screens not only to showcase app features but also to guide users through initial setup processes, such as enabling notifications and choosing a color theme. Figure 20-1 provides an example of walkthrough screens.

Figure 20-1. Sample Walkthrough Screens of Sorted
Figure 20-1. Sample Walkthrough Screens of Sorted

In this chapter, we will discuss how to use TabView to create walkthrough screens. When I mention tab views, you may immediately think of an app with a tab bar. However, with SwiftUI, TabView can be used to present an interface with multiple tabs and offers more than just a standard tab interface. By changing its style, you can easily transform 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.

results matching ""

    No results matching ""