我注意到我今天所有应用程序页面的顶部都有一个白色条带。我正在使用导航视图,并导入了一个名为Magic Gradients的第三方NuGet程序包。今天,我试图在发布之前甚至在删除每个“部分”之后进行一些调试,但仍然在所有应用程序页面的顶部都显示了白色条。
这里输入我的代码
对于loginpage.xaml
<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
xmlns:d="http://xamarin.com/schemas/2014/forms/design"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:local1 ="clr-namespace:PluralBuddy"
xmlns:magicGradients="clr-namespace:MagicGradients;assembly=MagicGradients"
mc:Ignorable="d"
x:Class="PluralBuddy.Views.LoginPage">
<ContentPage.Content >
<Grid BackgroundColor="Transparent">
<Grid.RowDefinitions>
<RowDefinition Height="60" />
<RowDefinition Height="*" />
<RowDefinition Height="2*" />
<RowDefinition Height="40" />
<RowDefinition Height="35" />
<RowDefinition Height="40" />
<RowDefinition Height=".5*" />
<RowDefinition Height="40" />
<RowDefinition Height="30" />
<RowDefinition Height="*" />
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="60" />
<ColumnDefinition Width="*" />
<ColumnDefinition Width="*" />
<ColumnDefinition Width="*" />
<ColumnDefinition Width="*" />
<ColumnDefinition Width="*" />
<ColumnDefinition Width="*" />
<ColumnDefinition Width="60" />
</Grid.ColumnDefinitions>
<Image Source="{local1:ImageResource PluralBuddy.Images.PluralBuddyLogo2.png}" Grid.Row="1" Grid.Column="1" Grid.ColumnSpan="6" Grid.RowSpan="4"></Image>
<Entry Placeholder="Username" x:Name="User_Name" PlaceholderColor="#DADDFB" Grid.Row="3" Grid.Column="1" Grid.ColumnSpan="6"/>
<Entry Placeholder ="Password" x:Name="Pass_Word" PlaceholderColor="#DADDFB" IsPassword="True" Grid.Row="5" Grid.Column="1" Grid.ColumnSpan="6"/>
<Button Text="Login" Grid.Row="7" Grid.Column="1" Grid.ColumnSpan="6" BackgroundColor="#DAFBF8" Clicked="LoginCommand"/>
<RelativeLayout Grid.Column="3" Grid.Row="8" BackgroundColor="Transparent">
<Label Grid.Row="8" Grid.Column="2" Grid.ColumnSpan="6" Text="Dont have an account?" VerticalOptions="Center"
RelativeLayout.XConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Constant=1}"
RelativeLayout.YConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Constant=1}"></Label>
<Frame CornerRadius="5"
OutlineColor="Transparent"
Padding="0"
BorderColor="Transparent"
RelativeLayout.XConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=2.5}"
RelativeLayout.YConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor= .7}">
<Grid BackgroundColor="Transparent">
<magicGradients:GradientView VerticalOptions="FillAndExpand">
<magicGradients:GradientView.GradientSource>
<magicGradients:LinearGradient Angle="111">
<magicGradients:GradientStop Color="#DADDFB" Offset="0" />
<magicGradients:GradientStop Color="#DADDFB" Offset=".4" />
<magicGradients:GradientStop Color="#DADDFB" Offset=".6" />
</magicGradients:LinearGradient>
</magicGradients:GradientView.GradientSource>
</magicGradients:GradientView>
<Button Text="Sign up" TextColor="Black" BorderWidth="0" BorderColor ="Transparent" Clicked="SignupCommand" BackgroundColor="Transparent" />
</Grid>
</Frame>
</RelativeLayout>
</Grid>
</ContentPage.Content>
</ContentPage>
[整日寻找原因后,我开始相信这一定是某种配置设置起作用了吗?如果您想从我的项目中看到其他代码,请随时询问。
考虑将代码放入全新的解决方案中以查看是否可以解决它,但id宁愿将其保存为万不得已,因为它可能会给您带来麻烦。
编辑1:我认为导航本身也可能与目前有关,这就是我所寻找的方向。
感谢您的任何建议
因此,对于那些偶然发现这篇帖子以寻找类似问题答案的人,我想出了一种轻松的方法来删除导航栏。
您可以像这样将HasNavigationBar设置为false:
<ContentPage NavigationPage.HasNavigationBar = "False">