.NET MAUI：删除弹出图标的空间

Question

在 .NET MAUI 中使用 Flyouts，每个项目旁边都有一个空格作为图标，但我不想使用图标。 那么如何删除这个空间呢？

这是 AppShell.xaml：

<?xml version="1.0" encoding="UTF-8" ?>
<Shell
    x:Class="TestApp.AppShell"
    xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
    xmlns:local="clr-namespace:TestApp"
    Shell.FlyoutBehavior="{OnPlatform Android=Flyout, iOS=Flyout, MacCatalyst=Locked, Default=Locked}"
    Shell.FlyoutBackdrop="{AppThemeBinding Light=AliceBlue, Dark=DarkGray}"
    Shell.BackgroundColor="{AppThemeBinding Light=PaleTurquoise, Dark=#1f9e1c}"
    FlyoutBackgroundColor="{AppThemeBinding Dark=#0b1f0b}"
    Shell.FlyoutWidth="250">

    <FlyoutItem Title="Number 1">
        <ShellContent ContentTemplate="{DataTemplate local:Number1}" />
    </FlyoutItem>

    <FlyoutItem Title="Number2">
        <ShellContent ContentTemplate="{DataTemplate local:Number2}" />
    </FlyoutItem>

</Shell>

这是一张图片。

Answer 1

自定义弹出模板

使用网格

<Shell.ItemTemplate>
    <DataTemplate>
        <Grid Margin="10,5" ColumnDefinitions="*" RowSpacing="20">
            <Label Text="{Binding Title}" FontAttributes="Bold"
                       FontSize="Medium" VerticalTextAlignment="Center"/>
        </Grid>
    </DataTemplate>
</Shell.ItemTemplate>