Jaa

Xamarin.Forms Grid Tutorial

Before attempting this tutorial, you should have successfully completed the:

In this tutorial, you learn how to:

  • Create a Xamarin.Forms Grid in XAML.
  • Specify columns and rows for the Grid.
  • Span content across multiple columns or multiple rows in the Grid.

You will use Visual Studio 2019, or Visual Studio for Mac, to create a simple application that demonstrates how to layout controls within a Grid. The following screenshots show the final application:

Screenshot of a Grid that has content that spans multiple columns and rows, on iOS and Android

You'll also use XAML Hot Reload for Xamarin.Forms to see UI changes without rebuilding your application.