如何修复弹出菜单在 maui ios 应用程序上显示更多内容

Question

我正在开发 MAUI 应用程序。在 Android 上，菜单按预期工作得很好，但在 iOS 上，从第五个菜单到最后一个菜单，当我单击任何菜单时，它会将我带到“更多”页面，该页面现在列出从第五个菜单开始的菜单菜单。

var flyoutItem = new FlyoutItem()
            {
                Title = "Dashboard",
                Route = nameof(ParentDashboard),
                FlyoutDisplayOptions = FlyoutDisplayOptions.AsMultipleItems,
                Items =
                    {
                        new ShellContent
                        {
                            Title = "Dashboard",
                            FlyoutIcon = "home",
                            ContentTemplate = new DataTemplate(typeof(ParentDashboard)),
                        },
                        new ShellContent
                        {
                            Title = "Teachers",
                            FlyoutIcon = "parents",
                            ContentTemplate = new DataTemplate(typeof(Teachers))
                        },
                        new ShellContent
                        {
                            Title = "Messages",
                            FlyoutIcon = "chat",
                            ContentTemplate = new DataTemplate(typeof(RecentMessagesPage)),
                        },
                        new ShellContent
                        {
                            Title = "Events & Notices",
                            FlyoutIcon = "events",
                            ContentTemplate = new DataTemplate(typeof(Events))
                        },
                        new ShellContent
                        {
                            Title = "Pickup/Dropoff",
                            FlyoutIcon = "car",
                            ContentTemplate = new DataTemplate(typeof(PickupDropoffRequestsPage)),
                        },
                        new ShellContent
                        {
                            Title = "Attendance",
                            FlyoutIcon = "homework",
                            ContentTemplate = new DataTemplate(typeof(ParentStudentAttendancePage))
                        },
                        new ShellContent
                        {
                            Title = "Homework",
                            FlyoutIcon = "homework",
                            ContentTemplate = new DataTemplate(typeof(StudentHomeworks))
                        },
                        new ShellContent
                        {
                            Title = "Notifications",
                            FlyoutIcon = "notifications",
                            ContentTemplate = new DataTemplate(typeof(NotificationsPage))
                        },
                        new ShellContent
                        {
                            Title = "My School",
                            FlyoutIcon = "school",
                            ContentTemplate = new DataTemplate(typeof(SchoolProfile))
                        },
                        new ShellContent
                        {
                            Title = "Settings",
                            FlyoutIcon = "settings",
                            ContentTemplate = new DataTemplate(typeof(SettingsPage))
                        },
                }
            };

有人可以帮忙吗？

Answer 1

因此，经过一些研究后，您可以将菜单布局更改为这样，而不是像您当前拥有的项目数组。

<FlyoutItem FlyoutDisplayOptions="AsMultipleItems">
    <ShellContent Title="Dashboard" FlyoutIcon="home" Route="Dashboard" ContentTemplate="{DataTemplate views:ParentDashboard}" />
    <ShellContent Title="Teachers" FlyoutIcon="parents" Route="Teachers" ContentTemplate="{DataTemplate views:Teachers}" />
    <ShellContent Title="Messages" FlyoutIcon="chat" Route="Messages" ContentTemplate="{DataTemplate views:RecentMessagesPage}" />
    <ShellContent Title="Events & Notices" FlyoutIcon="events" Route="Events" ContentTemplate="{DataTemplate views:Events}" />
    <ShellContent Title="Pickup/Dropoff" FlyoutIcon="car" Route="PickupDropoff" ContentTemplate="{DataTemplate views:PickupDropoffRequestsPage}" />
    <ShellContent Title="Attendance" FlyoutIcon="homework" Route="Attendance" ContentTemplate="{DataTemplate views:ParentStudentAttendancePage}" />
    <ShellContent Title="Homework" FlyoutIcon="homework" Route="Homework" ContentTemplate="{DataTemplate views:StudentHomeworks}" />
    <ShellContent Title="Notifications" FlyoutIcon="notifications" Route="Notifications" ContentTemplate="{DataTemplate views:NotificationsPage}" />
    <ShellContent Title="My School" FlyoutIcon="school" Route="MySchool" ContentTemplate="{DataTemplate views:SchoolProfile}" />
    <ShellContent Title="Settings" FlyoutIcon="settings" Route="Settings" ContentTemplate="{DataTemplate views:SettingsPage}" />
</FlyoutItem>

我之所以提到这一点，是因为其他 StackOverFlow 答案似乎也有类似的问题；由于IOS有问题，格式是这样的。

我得到了想法来尝试这种新格式而不是数组列表。

让我知道这是否有效！我也很好奇。

编码快乐，上帝保佑！