按照 xaml shell 文档创建 FlyoutHeader 时的问题

Question

今天我遇到了创建flyoutheader的问题： https://docs.microsoft.com/en-us/xamarin/xamarin-forms/app-fundamentals/shell/flyout

该示例未显示有关如何创建 Flyoutheader 内容视图的步骤，而仅显示了 xaml 内容。 因此，我创建了一个新文件夹“Controls”以添加 FlyoutHeader ContentView object。 然后新建了一个contentview FlyoutHeader，命名空间为：ShellDemo.Controls.FlyoutHeader，它是ContentView的一个子类。 它的内容是：

<?xml version="1.0" encoding="UTF-8"?>
<ContentView xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="ShellDemo.Controls.FlyoutHeader"
             HeightRequest="200">
    <ContentView.Content>
        <Grid BackgroundColor="Black">
        <Image Aspect="AspectFit"
               Source="xamarin_logo.png"
               Opacity="0.6" />
        <Label Text=""
               TextColor="White"
               FontAttributes="Bold"
               HorizontalTextAlignment="Center"
               VerticalTextAlignment="Center" />
    </Grid>
    </ContentView.Content>
</ContentView>

但是后来在AppShell.xaml中，当我尝试将它包含为Shell.FlyoutHeader内容时，它有一个模糊的红线错误，说找不到FlyoutHeader。 错误截图我试图重新启动 VS for Mac 并重建所有并将所有升级到最新，所有都不起作用。

但实际上当你按下调试按钮时，应用程序可以在移动模拟器中成功运行。

然后我怀疑这是我从 AppShell.xml 文件中定义的命名空间错误？ 这是我的 AppShell.xml： 请看看这里有什么问题，我也怀疑这是 VS for Mac 的缺陷。

<?xml version="1.0" encoding="UTF-8"?>
<Shell xmlns="http://xamarin.com/schemas/2014/forms" 
       xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
       xmlns:local="clr-namespace:ShellDemo.Views"
       xmlns:controls="clr-namespace:ShellDemo.Controls"
       Title="ShellDemo"
       x:Class="ShellDemo.AppShell"
       FlyoutIcon="icon_about.png"
       FlyoutBehavior="Flyout"
       FlyoutWidth="200"
       FlyoutHeight="400">

<Shell.FlyoutHeader>
    <controls:FlyoutHeader /> <!-- This line report red blur line error -->
</Shell.FlyoutHeader>
...

 

更新：今天我得到了 VS for Mac 的新更新，这个问题已经消失了。

Answer 1

只需创建名为 FlyoutHeader 的新 ContentView 并将下面的代码粘贴到您想要的任何自定义控件，您必须在使用它之前创建控件。

<ContentView xmlns="http://xamarin.com/schemas/2014/forms"
         xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
         x:Class="Xaminals.Controls.FlyoutHeader"
         HeightRequest="200">
<Grid BackgroundColor="Black">
    <Image Aspect="AspectFill"
           Source="xamarinstore.jpg"
           Opacity="0.6" />
    <Label Text="Animals"
           TextColor="White"
           FontAttributes="Bold"
           HorizontalTextAlignment="Center"
           VerticalTextAlignment="Center" />
</Grid>