Xamarin.Forms TabbedPage

Question

我在这个项目中遇到了一个小问题。这是我的选项卡式页面声明：

<?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>

这是它在iOS和安卓系统中的样子：

iOS：

​

​

Android：

​

​

如何减少Android选项卡页中显示的蓝色空白区域？

要减少的蓝色空间：

​

​

对不起，我需要至少10个声誉才能发布图片。

Answer 1

您获得此空间的原因是因为您在常规内容页面上包装了一个导航页面

这样做会删除你的空间：

Mainpage= new StartPage();

Answer 2

添加水平和垂直选项，这应该会修复顶部的空白空间。

 <TabbedPage>
     <ContentPage Title="Exchange" 
                  HorizontalOptions="StartAndExpand" 
                  VerticalOptions="Center" Padding="0">
         <local:MainPage Icon="currency.png"  Title="Exchange"/>
     </ContentPage>
     <ContentPage Title="Favourites" 
                  HorizontalOptions="StartAndExpand" 
                  VerticalOptions="Center" Padding="0">
          <local:FavouritesPage Icon="favourites2.png"  Title="Favourites"/>
     </ContentPage>
     <ContentPage Title="Info" 
                  HorizontalOptions="StartAndExpand" 
                  VerticalOptions="Center" Padding="0">
         <local:MainPage Icon="statistics2.png" Title="Info"/>
     </ContentPage>
</TabbedPage>

Answer 3

您可以将NavigationPage.HasNavigationBar="False"添加到XAML中的TabbedPage标记。

那么你的代码应该是这样的：

<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"
 NavigationPage.HasNavigationBar="False">
...

另一种方法是在页面的构造函数或OnAppearing函数中调用NavigationPage.SetHasNavigationBar(this, false);。