text alignment on a picker xamarin forms

Question

i am having trouble with aligning the text on an expanded picker to the centre and i would have thought it would be something like this...

and here is the picker on the emulator...

How would i get that SIZE text to sit in the middle but keep the line expanded also can it be done through the xaml code instead of c# code

cheers.

Answer 1

UPDATE***

Actually is very easy:

<Picker Title="Selecione o bairro" HorizontalTextAlignment="Center"/> 

...OLD

You need to use a CustomRenderer for this.

ANDROID

[assembly: ExportRenderer(typeof(BetterPicker), typeof(BetterPickerRenderer))]

namespace MDWS.Droid
{
    public class BetterPickerRenderer : PickerRenderer
    {
        protected override void OnElementChanged(ElementChangedEventArgs<Picker> e)
        {
            base.OnElementChanged(e);

            if (Control != null)
            {
                Control.Gravity = GravityFlags.CenterHorizontal;
            }
        }
    }
}

IOS:

[assembly: ExportRenderer(typeof(BetterPicker), typeof(BetterPickerRenderer))]

namespace YourNameSpace.iOS
{
    public class BetterPickerRenderer : PickerRenderer
    {
        protected override void OnElementChanged(ElementChangedEventArgs<Picker> e)
        {
            base.OnElementChanged(e);

            if (Control != null)
            {
                Control.TextAlignment = UITextAlignment.Center;
            }
        }
    }
}

Answer 2

I am afraid you will have to implement a CustomRenderer for this.
For each platform OnElementChanged you will have to set the alignment for Picker's title.

Luckily this topic is very nicely explained in official guide.

P.S.: Welcome to stackoverflow.com, please take a moment to read this post which nicely explains why posting a screenshot of code is a bad practice.

Good luck!