Question

我在app.xaml中使用了以下代码，因此更改了导航栏的默认颜色，因为我无法使其在iOS设备上透明：

<Style TargetType="NavigationPage">
            <Setter Property="BarBackgroundColor" Value="#0a82b8" />
            <Setter Property="BarTextColor" Value="#ffffff" />
</Style>

现在，iOS上没有不必要的导航栏分隔符：

在Microsoft的官方网站上，这些代码可能会有所帮助：

此特定于平台的位置隐藏了分隔线和阴影 NavigationPage上导航栏的底部。它被消耗在通过设置NavigationPage.HideNavigationBarSeparator可绑定的XAML 属性设置为false：
<NavigationPage ...
                xmlns:ios="clr-namespace:Xamarin.Forms.PlatformConfiguration.iOSSpecific;assembly=Xamarin.Forms.Core"
                ios:NavigationPage.HideNavigationBarSeparator="true">

</NavigationPage>
或者，可以使用流畅的API从C＃中使用它：
using Xamarin.Forms.PlatformConfiguration;
using Xamarin.Forms.PlatformConfiguration.iOSSpecific;

public class iOSTitleViewNavigationPageCS : Xamarin.Forms.NavigationPage
{
    public iOSTitleViewNavigationPageCS()
    {
        On<iOS>().SetHideNavigationBarSeparator(true);
    }
}

来源：Hiding the Navigation Bar Separator on a NavigationPage

问题是，当我要将ios:NavigationPage.HideNavigationBarSeparator="true"属性粘贴到<NavigationPage>标记中时，会出现以下错误：

找不到“ HideNavigationBarSeparator”的属性，可绑定属性或事件，或者值和属性之间的类型不匹配。

我的完整代码是：

<?xml version="1.0" encoding="utf-8"?>
<MasterDetailPage xmlns="http://xamarin.com/schemas/2014/forms" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" xmlns:local="clr-namespace:My.App" x:Class="My.App.MainPage">
    <MasterDetailPage.Master>
        <ContentPage Title="Menu" BackgroundColor="#0a82b8" Icon="menu.png">
            <StackLayout Orientation="Vertical">
                <ListView x:Name="navigationDrawerList" RowHeight="55" SeparatorVisibility="None" BackgroundColor="#ffffff" ItemSelected="OnMenuItemSelected">
                    <ListView.ItemTemplate>
                        <DataTemplate>
                            <ViewCell>
                                <!-- Main design for our menu items -->
                                <StackLayout VerticalOptions="FillAndExpand" Orientation="Horizontal" Padding="20,10,0,10" Spacing="20">
                                    <Label Text="{Binding Title}" FontSize="Large" VerticalOptions="Start" HorizontalOptions="CenterAndExpand" TextColor="#28DDFF" FontAttributes="Bold" />
                                </StackLayout>
                            </ViewCell>
                        </DataTemplate>
                    </ListView.ItemTemplate>
                </ListView>
            </StackLayout>
        </ContentPage>
    </MasterDetailPage.Master>
    <MasterDetailPage.Detail>
        <NavigationPage xmlns:ios="clr-namespace:Xamarin.Forms.PlatformConfiguration.iOSSpecific;assembly=Xamarin.Forms.Core"
            ios:NavigationPage.HideNavigationBarSeparator="true">
        </NavigationPage>
    </MasterDetailPage.Detail>
</MasterDetailPage>

Here是我遵循的MasterDetail导航教程。带有<NavigationPage>标签的文件命名为MainPage.xaml

Answer 1

您可以使用自定义渲染器隐藏该阴影：

[assembly: ExportRenderer(typeof(NavigationPage), typeof(CustomNavigationPage))]
namespace CustomNavigationPage.iOS
{
    public class CustomNavigationPage : NavigationRenderer
    {
        protected override void OnElementChanged(VisualElementChangedEventArgs e)
        {
            base.OnElementChanged(e);

            NavigationBar.SetBackgroundImage(new UIKit.UIImage(), UIKit.UIBarMetrics.Default);
            NavigationBar.ShadowImage = new UIKit.UIImage();
        }
    }
}

Answer 2

虽然您已经接受了答案，但这一答案更为精确-您没有遵循从网站上粘贴的说明，因为您省略了以下这一行：

xmlns:ios="clr-namespace:Xamarin.Forms.PlatformConfiguration.iOSSpecific;assembly=Xamarin.Forms.Core"

Answer 3

将UINavigationBar.Appearance.ShadowImage = new UIImage();放在AppDelegate.cs文件的public override bool FinishedLaunching(UIApplication app, NSDictionary options)方法内。 AppDelegate.cs驻留在Xamarin.Forms的iOS项目中

Xamarin.Forms：如何在iOS设备上隐藏导航栏分隔符？

3 个答案: