inabox/InABox.Mobile/InABox.Mobile.Shared/Components/MobileSearchBar/MobileSearchBar.xaml

<?xml version="1.0" encoding="utf-8"?>

<ContentView xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:local="clr-namespace:InABox.Mobile"
             xmlns:ui="clr-namespace:XF.Material.Forms.UI;assembly=XF.Material"
             x:Class="InABox.Mobile.MobileSearchBar"
             BackgroundColor="Transparent" Padding="0" Margin="-5">
    
    <ContentView.ControlTemplate>
        
        <ControlTemplate x:DataType="local:MobileSearchBar">

            <ui:MaterialCard 
                CornerRadius="5" 
                Padding="1" 
                Elevation="0"
                HasShadow="False"
                BackgroundColor="{TemplateBinding TextBackgroundColor}" 
                BorderColor="{TemplateBinding BorderColor}">
                    
                <Grid 
                    HorizontalOptions="Fill" 
                    BackgroundColor="Transparent" 
                    ColumnSpacing="0">
                    
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="Auto"/>
                        <ColumnDefinition Width="*" />
                    </Grid.ColumnDefinitions>
                    
                    <Image
                        Source="search" 
                        BackgroundColor="{TemplateBinding BackgroundColor}"
                        Grid.Column="0" 
                        Margin="10,5,5,5"
                    />
                    
                    <local:MobileEntry
                        x:Name="_search"
                        Grid.Column="1"
                        HorizontalOptions="Fill"
                        PlaceholderColor="Gray"
                        VerticalOptions="Fill"
                        TextChanged="_search_OnTextChanged"
                        BackgroundColor="{TemplateBinding TextBackgroundColor}"
                        TextColor="{TemplateBinding TextColor}"
                        Placeholder="{Binding PlaceHolder}"
                        Margin="10,10,10,10"
                        Keyboard="Plain" VerticalTextAlignment="Center"
                    />
                    
                </Grid>
                
                <Frame.Margin>
                    <OnPlatform x:TypeArguments="Thickness">
                        <OnPlatform.Platforms>
                            <On Platform="iOS" Value="5" />
                            <On Platform="Android" Value="5" />
                        </OnPlatform.Platforms>
                    </OnPlatform>
                </Frame.Margin>
                
            </ui:MaterialCard>
            
            
        </ControlTemplate>
        
    </ContentView.ControlTemplate>

</ContentView>