c# - Xamarin.Forms 标签页

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 和 Android 中的样子：

IOS：

安卓：

如何减少 Android 标签页中显示的空白蓝色空间？

蓝色空间减少：

抱歉，我需要至少 10 个声望才能发布图片。

Answer 1

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

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

你得到这个空间的原因是因为你有一个导航页面包裹在你的正常内容页面上

做这样的事情会删除你的空间：

Mainpage= new StartPage();

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">
...

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