圖標未出現在彈出的 MAUI 中

Question

我想每次在彈出窗口中顯示一個圖標，然后顯示文本。 我所做的是從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>