[Bug]Hamburger menu does not show up on FlyOutPage for iOS, works on the UWP and Android

[norton287]

Description

The hamburger menu does not show up on iOS, just the word Menu, the FlyOut works fine other than that. How do I get the hamburger menu to show on iOS?

Steps to Reproduce

1. Create a static resource for a hamburger menu icon from a FontAwesome font
2. Add FlyoutPage to app
3. Launch on iOS and only the word shows up

Expected Behavior

Should see the Hamburger Menu on all three platforms since it works on the other two just fine.

Actual Behavior

Hamburger menu does not show on iOS

Basic Information

• Version with issue: 5.0.0.2012
• Last known good version: Unknow just transitioned this week to FlyOut from MasterDetail
• Platform Target Frameworks:
  • iOS:
  • Android:
  • UWP:
• Android Support Library / AndroidX Version:
• NuGet Packages:
• Affected Devices: iPad Mini 5 and all the simulators

Environment

Show/Hide Visual Studio info

``` Microsoft Visual Studio Enterprise 2019 Version 16.9.0 VisualStudio.16.Release/16.9.0+31025.194 Microsoft .NET Framework Version 4.8.04084 Installed Version: Enterprise Visual C++ 2019 00433-90000-06641-AA352 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.9.687.37626 ASP.NET and Web Tools 2019 ASP.NET Core Razor Language Services 16.1.0.2107702+c4adaa061f13292143de82a96c71341e50bc4032 Provides languages services for ASP.NET Core Razor. ASP.NET Web Frameworks and Tools 2012 16.9.687.37626 For additional information, visit https://www.asp.net/ ASP.NET Web Frameworks and Tools 2019 16.9.687.37626 For additional information, visit https://www.asp.net/ Azure App Service Tools v3.0.0 16.9.687.37626 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.3000.0 Microsoft Azure Data Lake Tools for Visual Studio Azure Functions and Web Jobs Tools 16.9.687.37626 Azure Functions and Web Jobs Tools Azure Stream Analytics Tools for Visual Studio 2.6.3000.0 Microsoft Azure Stream Analytics Tools for Visual Studio C# Tools 3.9.0-6.21124.20+db94f4cc8c78a7cd8cf9cfdae091158d2ba9d974 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. Cookiecutter 16.9.21026.1 Provides tools for finding, instantiating and customizing templates in cookiecutter format. 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 GitHub.VisualStudio 2.11.106.19330 A Visual Studio Extension that brings the GitHub Flow into Visual Studio. IntelliCode Extension 1.0 IntelliCode Visual Studio Extension Detailed Info JetBrains ReSharper 2021.1 EAP 6 Build 211.0.20210303.100522-eap06 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.3000.0 HDInsight Node under Azure Node Microsoft Azure Hive Query Language Service 2.6.3000.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.3000.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.40218.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.9.7 (df23ba6) Support for debugging Mono processes with Visual Studio. Node.js Tools 1.5.21130.2 Commit Hash:dacc0e71a5e060cdcab466a301cacea359c1b6da Adds support for developing and debugging Node.js apps in Visual Studio NuGet Package Manager 5.9.0 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 Python 16.9.21026.1 Provides IntelliSense, projects, templates, debugging, interactive windows, and other support for Python developers. Python - Conda support 16.9.21026.1 Conda support for Python projects. Python - Django support 16.9.21026.1 Provides templates and integration for the Django web framework. Python - IronPython support 16.9.21026.1 Provides templates and integration for IronPython-based projects. Python - Profiling support 16.9.21026.1 Profiling support for Python projects. Snapshot Debugging Extension 1.0 Snapshot Debugging Visual Studio Extension Detailed Info SQL Server Data Tools 16.0.62102.01130 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 Test Adapter for Boost.Test 1.0 Enables Visual Studio's testing tools with unit tests written for Boost.Test. The use terms and Third Party Notices are available in the extension installation directory. Test Adapter for Google Test 1.0 Enables Visual Studio's testing tools with unit tests written for Google Test. The use terms and Third Party Notices are available in the extension installation directory. ToolWindowHostedEditor 1.0 Hosting json editor into a tool window TypeScript Tools 16.0.30201.2001 TypeScript Tools for Microsoft Visual Studio Visual Basic Tools 3.9.0-6.21124.20+db94f4cc8c78a7cd8cf9cfdae091158d2ba9d974 Visual Basic components used in the IDE. Depending on your project type and settings, a different version of the compiler may be used. Visual C++ for Cross Platform Mobile Development (Android) 16.0.31025.194 Visual C++ for Cross Platform Mobile Development (Android) Visual F# Tools 16.9.0-beta.21102.9+7ce7132f1459095e635194d09d6f73265352029a 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 CMake 1.0 Visual Studio Tools for CMake 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.9.000.271 (d16-9@863670b) Visual Studio extension to enable development for Xamarin.iOS and Xamarin.Android. Xamarin Designer 16.9.0.316 (remotes/origin/d16-9@fdbf64026) Visual Studio extension to enable Xamarin Designer tools in Visual Studio. Xamarin Templates 16.9.68 (8e9b569) Templates for building iOS, Android, and Windows apps with Xamarin and Xamarin.Forms. Xamarin.Android SDK 11.2.0.21 (d16-9/93eab59) Xamarin.Android Reference Assemblies and MSBuild support. Mono: 5e9cb6d Java.Interop: xamarin/java.interop/d16-9@d6d86b2 ProGuard: Guardsquare/proguard/v7.0.1@912d149 SQLite: xamarin/sqlite/3.34.1@daff8f4 Xamarin.Android Tools: xamarin/xamarin-android-tools/d16-9@9d8924d Xamarin.iOS and Xamarin.Mac SDK 14.14.2.5 (3836759d4) Xamarin.iOS and Xamarin.Mac Reference Assemblies and MSBuild support. [Views.zip](https://github.com/xamarin/Xamarin.Forms/files/6104003/Views.zip) [debuglog.txt](https://github.com/xamarin/Xamarin.Forms/files/6104005/debuglog.txt)  [Views.zip](https://github.com/xamarin/Xamarin.Forms/files/6104015/Views.zip)   [debuglog.txt](https://github.com/xamarin/Xamarin.Forms/files/6104020/debuglog.txt) ```

Build Logs

Screenshots

Reproduction Link

Workaround

[norton287]

Views.zip debuglog.txt

[shawyunz]

I think the reason is that on iOS, Navigation Drawers are not a native design pattern.

One workaround for MasterDetailPage could be: Add an icon in your MasterPage.

<ContentPage
    x:Class="MyMasterPage"
    ...
    Icon="{x:OnPlatform iOS=hamburgermenu.png}">

[norton287]

Icon is obsolete as of Xamarin.Forms 4.0.  I have the new version there already like so:

IconImageSource=“{StaticResource Hamburger}

John

From: Shaw Yu @.> Reply: xamarin/Xamarin.Forms @.> Date: March 11, 2021 at 8:24:03 PM To: xamarin/Xamarin.Forms @.> Cc: John Norton @.>, Author @.***> Subject:  Re: [xamarin/Xamarin.Forms] [Bug]Hamburger menu does not show up on FlyOutPage for iOS, works on the UWP and Android (#13964)

I think the reason is that on iOS, Navigation Drawers are not a native design pattern.

One workaround for MasterDetailPage could be: Add an icon in your MasterPage.

<ContentPage x:Class="MyMasterPage" ... Icon="{x:OnPlatform iOS=hamburgermenu.png}"> — You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub, or unsubscribe.

[ { @.": "http://schema.org", @.": "EmailMessage", "potentialAction": { @.": "ViewAction", "target": "https://github.com/xamarin/Xamarin.Forms/issues/13964#issuecomment-797188473", "url": "https://github.com/xamarin/Xamarin.Forms/issues/13964#issuecomment-797188473", "name": "View Issue" }, "description": "View this Issue on GitHub", "publisher": { @.": "Organization", "name": "GitHub", "url": "https://github.com" } } ]

[norton287]

Anyone want to assign someone to this so I can get the hamburger menu working on iOS?

John

[PureWeen]

@norton287 have you verified that you are adding the file correctly inside your iOS project?

When I try this locally it works fine for me. I tested on an iPad and it worked on an iPad as well

[norton287]

@PureWeen I'm not using a PNG I am using an image font to display the hamburger menu. Here is a sample solution with the problem.

John SyncFusionTestApp.zip

[norton287]

@PureWeen I added a test solution and replied to your message

[rachelkang]

confirming I'm able to repro this on iOS, and that it works fine on Android unfortunately, it seems that flyout page is not processing icon images for that font image icon

[chinni-nag]

Hi, Any update on this ? Please let me know.

Thanks.

[norton287]

Yes, the last update was in April, be nice to know when this will be fixed.

[chinni-nag]

@norton287 Any other Alternative way you found for this issue? Please let me know. Thanks.

[norton287]

@chinni-nag I haven't figured anything out yet

[norton287]

@rachelkang Any update on this, I opened this in March, and still broken. Is Xamarin.Forms still under development? I ask because there have been no updates to it for quite a while now.

[norton287]

Any movement on this issue? I mean it has been since March, when I opened this...

John

[norton287]

@rachelkang any news on a fix for this?