EnhancedView design overview

In this section, we will implement the EnhancedView. If you recall, in the previous chapter, we discussed the design of the EnhancedView. The following figures show the portrait and landscape modes of the EnhancedView as a reminder:

Figure 5.1 – EnhancedView wireframe preview in portrait mode

Figure 5.2 – EnhancedView wireframe preview in landscape mode

Before we code our application, we will break down the EnhancedView into the elements that comprise it. As a little task, see whether you can figure out what they are. Don’t worry if you don’t know the exact UI component names; we will look at the components in the following sections.

Important note

The components are the same for portrait and landscape orientation.

The Text component

The Text component is one of the simplest components offered by SwiftUI. It allows you to display a string of characters/numbers...