Xamarin Vertical align a Label within a Grid Cell

Some people have had trouble vertical aligning text tot he center of a Xamarin Foms Grid Cell, the answer is to add three simple attributes.

The Fix:

Apply the following to the Label in question and it should center vertically within the cell:

Center the Label horizontally:

HorizontalOptions = LayoutOptions.Center

Center the Label vertically:

VerticalOptions = LayoutOptions.FillAndExpand

Center the Label Text vertically:

VerticalTextAlignment = TextAlignment.Center

And that's it, the Label should now vertically align to the center of its parent.

Note: Xamarin has recently replaced YAlign with VerticalTextAlignment, so keep an eye out for that.


Published at

Tags: Xamarin

Luke Alderton

Comments

Post a comment
Sit tight...
We're adding your comment.
Thank you.
Your comment has been added.
There's been a problem.
Please try again later.
Share with
Tags
Latest Comments
By Alexander Gontar on Xamarin Forms - Working with threads
13 Mar 2020, 07:10 AM
By Arthur Richardson on Disabling XAML Hot Reload
12 Mar 2020, 17:52 PM
By George on Xamarin Forms - Working with threads
10 Mar 2020, 05:04 AM
By Darío on Xamarin forms - Stop/Cancel back button event
1 Mar 2020, 03:00 AM
By Benjamin Roberts on Simple fix for 'Cannot bind source type Umbraco.Web.Models.RenderModel to model type xx'
17 Feb 2020, 19:45 PM
By Chris Boot on Xamarin Forms multiple instances of same app open
26 Jan 2020, 17:10 PM
By Hannah on Xamarin forms - Stop/Cancel back button event
14 Jan 2020, 02:28 AM
By SK on Xamarin forms - Stop/Cancel back button event
14 Dec 2019, 02:06 AM
Categories
App Development
Event
Game Development
Mapping
Modelling
Programming
Review
Robotics
Tutorial
Web Development