Ive made a Frame with a Grid, containing an Image, Picker and another Image in 3 columns.
My problem is that for some reason the picker content is centered to the bottom, and top half of it is missing for some reason.
Ive tried using custom renderers for gravity/text alignment, but no success....
This is the XAML code:
<Picker BackgroundColor="green"
Grid.Column="1"
x:Name="QuestionsPicker"
ItemsSource="{Binding SecurityQuestions}"
SelectedIndex="{Binding SelectedQuestionIndex, Mode=TwoWay}"
SelectedItem="{Binding SelectedQuestion, Mode=TwoWay}"
/>

and this is the result....
VerticalOptions and VerticalTextAlignment not working.
This is the Frame:
<Frame Style="{StaticResource LoginEntryFrame}">
<Grid ColumnSpacing="8" IsClippedToBounds="True" VerticalOptions="FillAndExpand">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="30" />
<ColumnDefinition Width="*" />
<ColumnDefinition Width="30" />
</Grid.ColumnDefinitions>
<Image
Grid.Column="0"
Source="ic_question"
Aspect="AspectFill"
VerticalOptions="FillAndExpand"
HorizontalOptions="CenterAndExpand"
/>
<Picker BackgroundColor="green"
Grid.Column="1"
x:Name="QuestionsPicker"
ItemsSource="{Binding SecurityQuestions}"
SelectedIndex="{Binding SelectedQuestionIndex, Mode=TwoWay}"
SelectedItem="{Binding SelectedQuestion, Mode=TwoWay}"
/>
<ImageButton
Grid.Column="2"
x:Name="PickerExpandIcon"
Source="ic_expand"
BackgroundColor="Transparent"
HorizontalOptions="End"
VerticalOptions="Center"
HeightRequest="20"
WidthRequest="20"
Margin="0,0,8,0"
/>
</Grid>
</Frame>
and its Style:
<Style x:Key="LoginEntryFrame" TargetType="Frame">
<Setter Property="HeightRequest" Value="50" />
<Setter Property="Padding" Value="10, 5, 10, 5" />
<Setter Property="HasShadow" Value="False" />
<Setter Property="BorderColor" Value="Gray" />
<Setter Property="BackgroundColor" Value="Transparent" />
<Setter Property="CornerRadius" Value="4" />
</Style>
