Now that we are more familiar with the different page types and navigation patterns, we can move on to creating the actual UI for our pages. Creating a UX that is flexible enough for Xamarin target platforms can be dreadfully complicated; especially if the stakeholders involved are not familiar with the aforementioned UX design factors. Nevertheless, Xamarin.Forms offers various layouts and views that help developers to find the optimal solution for a project's needs.
In Xamarin.Forms, the visual tree is composed of three layers: pages, layouts, and views. Layouts are used as containers for views, which are the user controls to create pages, which are the main interactive surfaces for users.
Let's take a closer look at the UI components.
