Skip to content
This repository was archived by the owner on May 1, 2024. It is now read-only.

[Bug] Shell not working correctly on iOS, but works on Android #13793

Open
educatedcg opened this issue Feb 18, 2021 · 2 comments
Open

[Bug] Shell not working correctly on iOS, but works on Android #13793

educatedcg opened this issue Feb 18, 2021 · 2 comments
Labels
a/shell 🐚 p/iOS 🍎 t/bug 🐛

Comments

@educatedcg
Copy link

educatedcg commented Feb 18, 2021 •
edited by hartez
Loading

Description

The Shell navigation seems to work differently on iOS vs. Android. I have the following code:

In my AppShell.xaml,
I have a flyout item:

    <ShellContent Title="Home" Icon="newhome.png" Route="home" Style="{StaticResource DomesticShell}">
        <landing:LandingPage/> 
    </ShellContent>
    <ShellContent x:Name="LogonContent" Route="logon" Title="Logon" Icon="newenter.png" ContentTemplate="{DataTemplate logon:LoginPage}" Style="{StaticResource DomesticShell}"/>
    <ShellContent Route="createevent" Title="Create Event"  Icon="newcreateevent.png" ContentTemplate="{DataTemplate event:EventCreation}" Style="{StaticResource DomesticShell}"/>
    <ShellContent Route="upcomingevent" Title="Upcoming"  Icon="todolist2.png" ContentTemplate="{DataTemplate event:UpcomingEvents}" Style="{StaticResource DomesticShell}"/>
    <ShellContent Route="completedevent" Title="Completed" Icon="newcompleted.png"   ContentTemplate="{DataTemplate event:CompletedEvents}" Style="{StaticResource DomesticShell}"/>
    <ShellContent Route="walkthrough" Title="Help" Icon="newinfo.png" ContentTemplate="{DataTemplate onboarding:OnBoardingAnimationPage}" Style="{StaticResource DomesticShell}"/>
</FlyoutItem>

I dynamically on logon load additional menu items, like so:

Style dynamicStyle = (Style)Application.Current.Resources["DomesticShell"];
var flyOutMenu = Shell.Current.FindByName<FlyoutItem>("mainFlyout");
var menuContent = new ShellContent
                                {
                                    Title = "Manage Menu",
                                    Content = new MenuHomePage(),
                                    Route = "menuHome",
                                    ContentTemplate = new DataTemplate(typeof(MenuHomePage)),
                                    ClassId = "menuManagement",
                                    Icon = "menu.png",
                                    Style = dynamicStyle
                                };
                                flyOutMenu.Items.Add(menuContent);

This route is also registers in AppShell.xaml.cs
Routing.RegisterRoute("menuHome", typeof(MenuHomePage));
I have a button on this page to navigate to a secondary page, registered with this:
Routing.RegisterRoute("editMenu", typeof(EditMenu));
In that button,
I call
await Shell.Current.GoToAsync("editMenu").ConfigureAwait(true);
This navigation works fine on Android, but does not navigate on iOS devices.
What am I missing?

Steps to Reproduce

  1. Create an Application with a flyoutmenu
  2. Add items to the flyout menu
  3. Attempt to navigate to pages added to the flyout menu that have routes
  4. Verify this works on Android and iOS

Expected Behavior

Navigate with Shell should work the same on android vs. iOS

Actual Behavior

Navigation works on Android, navigation stays on the same page on iOS

Basic Information

  • Version with issue:
  • Last known good version: None
  • Platform Target Frameworks:
    • iOS: 14.4
    • Android: 10
    • UWP: N/A
  • Android Support Library / AndroidX Version:
  • NuGet Packages: Xamarin Forms 5.0.0.2012
  • Affected Devices: any iOS Device

Environment

Show/Hide Visual Studio info 
Microsoft Visual Studio Professional 2019
Version 16.8.4
VisualStudio.16.Release/16.8.4+30907.101
Microsoft .NET Framework
Version 4.8.04084

Installed Version: Professional

Visual C++ 2019   00435-20052-01620-AA232
Microsoft Visual C++ 2019

ADL Tools Service Provider   1.0
This package contains services used by Data Lake tools

ASA Service Provider   1.0

ASP.NET and Web Tools 2019   16.8.557.25636
ASP.NET and Web Tools 2019

ASP.NET Core Razor Language Services   16.1.0.2052803+84e121f1403378489b842e1797df2f3f5a49ac3c
Provides languages services for ASP.NET Core Razor.

ASP.NET Web Frameworks and Tools 2019   16.8.557.25636
For additional information, visit https://www.asp.net/

Azure App Service Tools v3.0.0   16.8.557.25636
Azure App Service Tools v3.0.0

Azure Data Lake Node   1.0
This package contains the Data Lake integration nodes for Server Explorer.

Azure Data Lake Tools for Visual Studio   2.6.1000.0
Microsoft Azure Data Lake Tools for Visual Studio

Azure Functions and Web Jobs Tools   16.8.557.25636
Azure Functions and Web Jobs Tools

Azure Stream Analytics Tools for Visual Studio   2.6.1000.0
Microsoft Azure Stream Analytics Tools for Visual Studio

C# Tools   3.8.0-5.20604.10+9ed4b774d20940880de8df1ca8b07508aa01c8cd
C# components used in the IDE. Depending on your project type and settings, a different version of the compiler may be used.

Common Azure Tools   1.10
Provides common services for use by Azure Mobile Services and Microsoft Azure Tools.

Extensibility Message Bus   1.2.6 (master@34d6af2)
Provides common messaging-based MEF services for loosely coupled Visual Studio extension components communication and integration.

Fabric.DiagnosticEvents   1.0
Fabric Diagnostic Events

IntelliCode Extension   1.0
IntelliCode Visual Studio Extension Detailed Info

JetBrains ReSharper 2020.3.2   Build 203.0.20201229.111204
JetBrains ReSharper package for Microsoft Visual Studio. For more information about ReSharper, visit http://www.jetbrains.com/resharper. Copyright © 2021 JetBrains, Inc.

Microsoft Azure HDInsight Azure Node   2.6.1000.0
HDInsight Node under Azure Node

Microsoft Azure Hive Query Language Service   2.6.1000.0
Language service for Hive query

Microsoft Azure Service Fabric Tools for Visual Studio   16.0
Microsoft Azure Service Fabric Tools for Visual Studio

Microsoft Azure Stream Analytics Language Service   2.6.1000.0
Language service for Azure Stream Analytics

Microsoft Azure Stream Analytics Node   1.0
Azure Stream Analytics Node under Azure Node

Microsoft Azure Tools   2.9
Microsoft Azure Tools for Microsoft Visual Studio 2019 - v2.9.30924.1

Microsoft Continuous Delivery Tools for Visual Studio   0.4
Simplifying the configuration of Azure DevOps pipelines from within the Visual Studio IDE.

Microsoft JVM Debugger   1.0
Provides support for connecting the Visual Studio debugger to JDWP compatible Java Virtual Machines

Microsoft Library Manager   2.1.113+g422d40002e.RR
Install client-side libraries easily to any web project

Microsoft MI-Based Debugger   1.0
Provides support for connecting Visual Studio to MI compatible debuggers

Microsoft Visual C++ Wizards   1.0
Microsoft Visual C++ Wizards

Microsoft Visual Studio Tools for Containers   1.1
Develop, run, validate your ASP.NET Core applications in the target environment. F5 your application directly into a container with debugging, or CTRL + F5 to edit & refresh your app without having to rebuild the container.

Microsoft Visual Studio VC Package   1.0
Microsoft Visual Studio VC Package

Mono Debugging for Visual Studio   16.8.43 (00471f8)
Support for debugging Mono processes with Visual Studio.

NuGet Package Manager   5.8.1
NuGet Package Manager in Visual Studio. For more information about NuGet, visit https://docs.nuget.org/

ProjectServicesPackage Extension   1.0
ProjectServicesPackage Visual Studio Extension Detailed Info

SQL Server Data Tools   16.0.62012.31170
Microsoft SQL Server Data Tools

Syncfusion Xamarin Project Templates   13.4.0.53
A multi-project template for building iOS, Android, and Windows apps using Syncfusion Xamarin components.

Syncfusion Xamarin Toolbox   16.2.0.19
Syncfusion Essential Studio for Xamarin Toolbox Visual Studio extension.

SyncfusionMenu Extension   1.0
SyncfusionMenu Visual Studio Extension Detailed Info

SyncfusionXamarinMenu Extension   1.0
SyncfusionXamarinMenu Visual Studio Extension Detailed Info

ToolWindowHostedEditor   1.0
Hosting json editor into a tool window

TypeScript Tools   16.0.21016.2001
TypeScript Tools for Microsoft Visual Studio

Visual Basic Tools   3.8.0-5.20604.10+9ed4b774d20940880de8df1ca8b07508aa01c8cd
Visual Basic components used in the IDE. Depending on your project type and settings, a different version of the compiler may be used.

Visual F# Tools   16.8.0-beta.20507.4+da6be68280c89131cdba2045525b80890401defd
Microsoft Visual F# Tools

Visual Studio Code Debug Adapter Host Package   1.0
Interop layer for hosting Visual Studio Code debug adapters in Visual Studio

Visual Studio Container Tools Extensions   1.0
View, manage, and diagnose containers within Visual Studio.

Visual Studio Tools for Containers   1.0
Visual Studio Tools for Containers

Visual Studio Tools for Kubernetes   1.0
Visual Studio Tools for Kubernetes

VisualStudio.DeviceLog   1.0
Information about my package

VisualStudio.Foo   1.0
Information about my package

VisualStudio.Mac   1.0
Mac Extension for Visual Studio

Xamarin   16.8.000.261 (d16-8@bb99248)
Visual Studio extension to enable development for Xamarin.iOS and Xamarin.Android.

Xamarin Designer   16.8.0.507 (remotes/origin/d16-8@e87b24884)
Visual Studio extension to enable Xamarin Designer tools in Visual Studio.

Xamarin Templates   16.8.112 (86385a3)
Templates for building iOS, Android, and Windows apps with Xamarin and Xamarin.Forms.

Xamarin.Android SDK   11.1.0.26 (d16-8/a36ce73)
Xamarin.Android Reference Assemblies and MSBuild support.
    Mono: 5e9cb6d
    Java.Interop: xamarin/java.interop/d16-8@79d9533
    ProGuard: Guardsquare/proguard/proguard6.2.2@ebe9000
    SQLite: xamarin/sqlite/3.32.1@1a3276b
    Xamarin.Android Tools: xamarin/xamarin-android-tools/d16-8@2fb1cbc


Xamarin.iOS and Xamarin.Mac SDK   14.8.0.3 (c51fabee8)
Xamarin.iOS and Xamarin.Mac Reference Assemblies and MSBuild support.

Build Logs

Screenshots

Reproduction Link

Workaround
@educatedcg educatedcg added s/unverified New report that has yet to be verified t/bug 🐛 labels Feb 18, 2021
@educatedcg
Copy link
Author

This workaround seems to work. FlyoutDisplayOptions="AsMultipleItems" basically breaks navigation on iOS.

@hartez hartez added a/shell 🐚 p/iOS 🍎 and removed s/unverified New report that has yet to be verified labels Feb 18, 2021
@AbhijeetChowdhury92
Copy link

Hi,
FlyoutDisplayOptions="AsMultipleItems" was working perfectly without any navigation problems on Xamarin.Forms version 5.0.0.1874 but it started failing thereafter.

As per the workaround suggested here, it works but rewriting the structure is problematic.

Is there a quick fix to this?

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Assignees
No one assigned
Labels
a/shell 🐚 p/iOS 🍎 t/bug 🐛
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
3 participants
@hartez @educatedcg @AbhijeetChowdhury92