图标未出现在弹出的 MAUI 中

Question

我想每次都在弹出窗口中显示一个图标，然后显示文本。我所做的是从 documentation of Microsoft 中获取代码，或者它建议这样做：

<Shell xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
       xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
       xmlns:controls="clr-namespace:Xaminals.Controls"
       xmlns:views="clr-namespace:Xaminals.Views"
       x:Class="Xaminals.AppShell">
    <FlyoutItem Title="Cats"
                Icon="cat.png">
       <Tab>
           <ShellContent ContentTemplate="{DataTemplate views:CatsPage}" />
       </Tab>
    </FlyoutItem>
    <FlyoutItem Title="Dogs"
                Icon="dog.png">
       <Tab>
           <ShellContent ContentTemplate="{DataTemplate views:DogsPage}" />
       </Tab>
    </FlyoutItem>
</Shell>

这是它应该的样子

这就是我所拥有的

<Shell x:Class="dateCalculator.AppShell"
    xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
    xmlns:local="clr-namespace:dateCalculator"
    xmlns:controls="clr-namespace:Xaminals.Controls"
    Shell.FlyoutBehavior="Flyout"
    FlyoutHeaderBehavior="Fixed"
    FlyoutVerticalScrollMode="Auto"
    FlyoutWidth="{OnPlatform WinUI='525',MacCatalyst='525'}"
    FlyoutBackgroundColor="{AppThemeBinding Light={StaticResource LightObject}, Dark={StaticResource DarkGrey}}"
    FlyoutIsPresented="{Binding IsFlyoutOpen}">
    <Shell.ItemTemplate>
        <DataTemplate>
            <Grid Padding="10,10,0,10">
                <Label Grid.Column="1"
                       Text="{Binding Title}"
                       FontSize="Small"
                       FontAttributes="Bold"
                       VerticalOptions="Center"/>
            </Grid>
        </DataTemplate>
    </Shell.ItemTemplate>
    <FlyoutItem Title="Calculette" Icon="menu_black.png">
        <Tab>
            <ShellContent ContentTemplate="{DataTemplate local:Basic}"/>
        </Tab>
    </FlyoutItem>
    <FlyoutItem
        Title="Calculer différence de date">
        <Tab>
            <ShellContent ContentTemplate="{DataTemplate local:date}"/>
        </Tab>
    </FlyoutItem>
    <FlyoutItem
        Title="Convertir des distance">
        <Tab>
            <ShellContent ContentTemplate="{DataTemplate local:ConvDistance}"/>
        </Tab>
    </FlyoutItem>
</Shell>

这就是它给我的东西

如果对您有帮助，请看这张图片

Answer 1

这是图标的问题，请尝试将其删除。

 <Shell.ItemTemplate>
    <DataTemplate>
        <Grid Padding="10,10,0,10">
            <Label Grid.Column="1"
                   Text="{Binding Title}"
                   FontSize="Small"
                   FontAttributes="Bold"
                   VerticalOptions="Center"/>
        </Grid>
    </DataTemplate>
</Shell.ItemTemplate>

这是有效的

<FlyoutItem Title="Calculette" Icon="icon_about.png">
    <Tab>
    <ShellContent ContentTemplate="{DataTemplate local:MainPage}"/>
     </Tab>
</FlyoutItem>
<FlyoutItem       
    Title="Calculer différence de date" Icon="icon_feed.png">
    <Tab>
    <ShellContent ContentTemplate="{DataTemplate local:MainPage}"/>
    </Tab>
</FlyoutItem>
<FlyoutItem
    Title="Convertir des distance" Icon="icon_about.png">
    <Tab>
    <ShellContent ContentTemplate="{DataTemplate local:MainPage}"/>
    </Tab>
</FlyoutItem>

图标未出现在弹出的 MAUI 中

icon does not appear in the flyout MAUI

c#

.net

shell

xaml

maui