.internet – How can I repair flyout menu exhibits extra on maui ios app

I’m engaged on a MAUI app. On Android, the menus are working very effectively as anticipated however on iOS, ranging from the fifth menu to the final, once I click on on any of the menus, it takes me to a web page “Extra” which now lists menus ranging from the fifth menu.

var flyoutItem = new FlyoutItem()
            {
                Title = "Dashboard",
                Route = nameof(ParentDashboard),
                FlyoutDisplayOptions = FlyoutDisplayOptions.AsMultipleItems,
                Gadgets =
                    {
                        new ShellContent
                        {
                            Title = "Dashboard",
                            FlyoutIcon = "residence",
                            ContentTemplate = new DataTemplate(typeof(ParentDashboard)),
                        },
                        new ShellContent
                        {
                            Title = "Academics",
                            FlyoutIcon = "dad and mom",
                            ContentTemplate = new DataTemplate(typeof(Academics))
                        },
                        new ShellContent
                        {
                            Title = "Messages",
                            FlyoutIcon = "chat",
                            ContentTemplate = new DataTemplate(typeof(RecentMessagesPage)),
                        },
                        new ShellContent
                        {
                            Title = "Occasions & Notices",
                            FlyoutIcon = "occasions",
                            ContentTemplate = new DataTemplate(typeof(Occasions))
                        },
                        new ShellContent
                        {
                            Title = "Pickup/Dropoff",
                            FlyoutIcon = "automobile",
                            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 College",
                            FlyoutIcon = "college",
                            ContentTemplate = new DataTemplate(typeof(SchoolProfile))
                        },
                        new ShellContent
                        {
                            Title = "Settings",
                            FlyoutIcon = "settings",
                            ContentTemplate = new DataTemplate(typeof(SettingsPage))
                        },
                }
            };

Can anyone assist with this please?