MAUI - 页面上不支持一个选项卡

Question

我正在开发一个 .NET MAUI 应用程序，并且有一个首选项页面，我希望将其显示为 FlyoutItem 内的单个选项卡，以统一应用程序的设计。但是，当我仅包含一项 ShellContent 项目（首选项）时，该选项卡不会出现。如果我添加第二个选项卡（例如“VendorPreferences”），问题就可以解决，但不需要第二个选项卡。

这是我当前的代码：

    <ShellContent
        Title="Preferences"
        ContentTemplate="{DataTemplate views:PreferencesViewPage}"
        IsVisible="{Binding IsPreferencesIconFocused}"
        Route="Preferences" />
    <ShellContent
        Title="VendorPreferences"
        ContentTemplate="{DataTemplate views:PreferencesViewPage}"
        IsVisible="{Binding IsPreferencesIconFocused}"
        Route="VendorPreferences" />
</FlyoutItem>

如果我删除“VendorPreferences”选项卡，则“Preferences”选项卡不会显示。为了保持一致性和更好的用户体验，我只想要一个“首选项”选项卡。

如何将 FlyoutItem 配置为仅显示一个选项卡（首选项）而不需要第二个选项卡？是否有解决方法或特定配置来实现此目的？

Answer 1

使用 FlyoutDisplayOptions="AsSingleItem" 将 FlyoutItem 设置为显示为单个项目。

<FlyoutItem Title="Home" FlyoutDisplayOptions="AsSingleItem">
    <ShellContent Title="Home" ContentTemplate="{DataTemplate local:HomePage}" />
</FlyoutItem>