Search code examples
c#xamarin.formsxamarin.iosxamarin.androidtabbedpage

Xamarin.Forms TabbedPage

I have a little problem in this project. This is my tabbed page declaration:

<?xml version="1.0" encoding="utf-8" ?>
<TabbedPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:local="clr-namespace:JacksCurrencyConverter;assembly=JacksCurrencyConverter"
            x:Class="JacksCurrencyConverter.StartPage"
            x:Name="Children"
            HeightRequest="10" 
            WidthRequest="10">

    <TabbedPage.Children>
        <local:MainPage Icon="currency.png"  Title="Exchange"/>
        <local:FavouritesPage Icon="favourites2.png"  Title="Favourites"/>
        <local:MainPage Icon="statistics2.png" Title="Info"/>
    </TabbedPage.Children>
</TabbedPage>

Then this is how it looks in iOS and Android:

iOS:

iOS

Android:

Android

How could I reduce the empty blue space shown in the tabbpage on Android?

Blue space to reduce:

Blue space to reduce

Sorry, I need at least 10 reputation to post images.

Solution

  • The reason you are getting this space is because you have a navigation page wrapped on your normal content page

    Doing something like this will remove your space:

    Mainpage= new StartPage();