0
votes

I have a Frame around an Entry and a button in a grid. However, I can't get the frame/entry to fill up or center next to the button.

Here's my xaml:

<StackLayout>
        <Grid>
            <Grid.RowDefinitions>
                <RowDefinition Height="*" />
            </Grid.RowDefinitions>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="*"/>
                <ColumnDefinition Width="Auto"/>
            </Grid.ColumnDefinitions>
            <Frame Grid.Column="0" BorderColor="{DynamicResource PrimaryColor}" CornerRadius="5" IsClippedToBounds="True"
                   Padding="0" Margin="10,10,5,5" VerticalOptions="CenterAndExpand" HasShadow="False">
                <Entry x:Name="queryEntry" Text="{Binding QueryString}" FontSize="{DynamicResource StandardLabelFontSize}" 
                    Placeholder="Search string" ReturnType="Search" ClearButtonVisibility="WhileEditing" 
                    VerticalOptions="CenterAndExpand" AutomationId="TextSearchEntry" BackgroundColor="#F0F0F0"/>
            </Frame>
            <Button Grid.Column="1" Text="Find" Command="{Binding FindTextCommand}" Margin="0,10,10,0" WidthRequest="80"
                    Padding="0" IsEnabled="{Binding QueryString, Converter={StaticResource NonEmptyStringValue}}"
                    VerticalOptions="Center"/>
        </Grid>
        <Label Text="No Results Found." HorizontalTextAlignment="Center" IsVisible="{Binding WereNoResultsFound}"/>
        <ScrollView>
            <CollectionView ItemsSource="{Binding Items}" SelectionMode="None" >
                <CollectionView.ItemTemplate>

Here's how it's laying out on iOS:

iOS Layout

If you notice that both of the controls are starting at the top of the row but the button is taller. I would like to have them both automatically be the same height. I've tried many different settings but can't seem to get it to work. I thank anyone in advance for assistance.