Main body overview
In this section, we will take another look at the wireframes from Chapter 6 and break them down into their individual components. The wireframe images for the app store and the main body have been provided in this section. These images depict the layout and design of the app store and the main body.
Figure 7.1 – App Store view
Figure 7.2 – App Store main body
Before we code our application, we will break down the main body into the elements that comprise it. As a little task, see whether you can figure out what these are, but don’t worry if you don’t know the exact UI component names. We will look at the components in the following section.