example
<controls:AnimationPage
xmlns:controls="clr-namespace:FormsControls.Base;assembly=FormsControls.Base"
xmlns="
http://xamarin.com/schemas/2014/forms"
xmlns:x="
http://schemas.microsoft.com/winfx/2009/xaml"
x:Class="payday.Views.Base.NavPageBar" BackgroundColor="#fbfffb"
xmlns:cards="clr-namespace:Syncfusion.XForms.Cards;assembly=Syncfusion.Cards.XForms"
NavigationPage.HasNavigationBar="False" >
<ContentPage.Content>
<Grid ColumnSpacing="0" RowSpacing="0">
<Grid.RowDefinitions>
<RowDefinition Height="*"/>
<RowDefinition Height="1"/>
<RowDefinition Height="64"/>
</Grid.RowDefinitions>
<ContentView x:Name="PlaceHolder" Grid.Row="0" TranslationY="200"/>
<BoxView BackgroundColor="#DCDCDC" Grid.Row="1" HeightRequest="1"/>
<Grid ColumnSpacing="0" RowSpacing="0" Grid.Row="2" BackgroundColor="#fbfffb">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*"/>
<ColumnDefinition Width="*"/>
<ColumnDefinition Width="*"/>
<ColumnDefinition Width="*"/>
<ColumnDefinition Width="*"/>
</Grid.ColumnDefinitions>
<StackLayout Spacing="0" Grid.Column="0" BackgroundColor="White" Padding="0,5,0,3">
<Image HeightRequest="25" WidthRequest="25" Margin="0,3,0,3" x:Name="dashImg"/>
<Label Text="Dashboard" FontSize="10" HorizontalOptions="Center"
x:Name="dashLbl" Style="{DynamicResource LabelBoldDarkStyle}" />
<StackLayout.GestureRecognizers>
<TapGestureRecognizer Tapped="launchDashboard"/>
</StackLayout.GestureRecognizers>
</StackLayout>
<StackLayout Spacing="0" Grid.Column="1" BackgroundColor="White" Padding="0,5,0,3">
<Image HeightRequest="25" WidthRequest="25" Margin="0,3,0,3" x:Name="goalImg"/>
<Label Text="Investments" FontSize="10" HorizontalOptions="Center"
x:Name="goalsLbl" Style="{DynamicResource LabelBoldDarkStyle}" />
<StackLayout.GestureRecognizers>
<TapGestureRecognizer Tapped="launchGoals"/>
</StackLayout.GestureRecognizers>
</StackLayout>
<StackLayout Spacing="0" Grid.Column="2" BackgroundColor="White" Padding="0,5,0,3">
<Image HeightRequest="25" WidthRequest="25" Margin="0,3,0,3" x:Name="fundsImg"/>
<Label Text="Add Funds" FontSize="10" HorizontalOptions="Center"
x:Name="fundsLbl" Style="{DynamicResource LabelBoldDarkStyle}" />
<StackLayout.GestureRecognizers>
<TapGestureRecognizer Tapped="launchFunds"/>
</StackLayout.GestureRecognizers>
</StackLayout>
<StackLayout Spacing="0" Grid.Column="3" BackgroundColor="White" Padding="0,5,0,3">
<Image HeightRequest="25" WidthRequest="25" Margin="0,3,0,3" x:Name="CardsImg"/>
<Label Text="Wallet" FontSize="10" HorizontalOptions="Center"
x:Name="cardsLbl" Style="{DynamicResource LabelBoldDarkStyle}" />
<StackLayout.GestureRecognizers>
<TapGestureRecognizer Tapped="launchCards"/>
</StackLayout.GestureRecognizers>
</StackLayout>
<StackLayout Spacing="0" Grid.Column="4" BackgroundColor="White" Padding="0,5,0,3">
<Image HeightRequest="25" WidthRequest="25" Margin="0,3,0,3" x:Name="withImg"/>
<Label Text="Withdraw" FontSize="10" HorizontalOptions="Center"
x:Name="withLbl" Style="{DynamicResource LabelBoldDarkStyle}" />
<StackLayout.GestureRecognizers>