Using Xamarin.Forms and native controls

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. In this section, we will be demonstrating various Xamarin.Forms elements and their usages, as well as how native controls can be used within Xamarin.Forms visual trees.

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 find the optimal solution for a project's needs.

Important Note

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 for creating pages. These are the main interactive surfaces for users.

Let's take a closer look at the UI components.

...