.Net MAUI, Xamarin

#7DaysChallenge โ€“ Day 3: Grid in Xamarin & .NET MAUI

Hello!! ๐Ÿ™‹โ€โ™€๏ธ Continuing with the #7DaysChallenge initiative, as our third challenge we’re going to work with Grids in Xamarin and .NET MAUI!

The challenge shows you a code which you must analyze carefully to see the final result!ย The solution is below, but don’t see it before analyse your answer! Let us begin!

I invite you to take a look at all the challenges of this initiative, each of them has its technical explanations and recommended articles to study! You can give them an eye in the article #7DaysChallenge with Xammy.


Let’s start!

๐ŸŽฏ Day 3- Challenge – Grid in Xamarin & .NET MAUI.

La imagen tiene un atributo ALT vacรญo; su nombre de archivo es 7DaysChallenge-Day-3-Challenge-1024x613.png

๐Ÿ’ก Click here to see the solution

The correct answer is the option B! ๐ŸŽŠ

La imagen tiene un atributo ALT vacรญo; su nombre de archivo es 7DaysChallenge-Day-3-Answer-1024x611.png

The correct answer is B due to the following points:

    • As explained in the image, segmenting the shapes contained in the image, if we divide by the number of rows and columns that each rectangle represents, we have (5) Five rows andย (3) Three columns.

It’s very important and interesting to correctly identify the structure of Rows in Columns that a screen should have when creating a UI!

Recommended resources:

Important to know: This code will work for you in the same way both in Xamarin Forms and in .NET MAUI! ๐Ÿ’•

I recommend this article where I explain every detail of how to use a Grid.

Working with GridLayout in Xamarin Forms

Also, I recommend you this linkย where you can see a lot of examples of real UI Replicas applying the Grid!


I hope you liked it and it was useful!

I’ll wait for you in the next challenge! ๐Ÿ˜Ž Thank for reading! ย ๐Ÿ’š๐Ÿ’•

Tagged , , ,

Leave a Reply

Your email address will not be published. Required fields are marked *