question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

FlyoutIcon does not work on Windows, although it works on Android

See original GitHub issue

Description

I am taking a course about .NET MAUI in Microsoft Learn (https://docs.microsoft.com/en-us/learn/dotnet-maui/create-multi-page-apps/3-exercise-implement-flyout-navigation)… I did the exercise, where you have to specify an icon to replace the hamburger menu. When I run the example, it works fine on Android showing the new icon, but on Windows, it still shows the hamburger menu.

I uploaded 2 images: one for Android and another for Windows => https://postimg.cc/gallery/p2JShgP

Steps to Reproduce

Follow 3rd step of this page: Microsoft Learn MAUI Course

Add a FlyoutIcon property to the <Shell> node to display an image. By default it will display 3 horizontal bars, but we can change it to be whatever we like. The markup should look like this:

<Shell
    x:Class="Astronomy.AppShell"
    xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
    xmlns:local="clr-namespace:Astronomy.Pages"
    FlyoutIcon="moon.png">

Version with bug

6.0 (current)

Last version that worked well

Release Candidate 3 (current)

Affected platforms

Windows

Affected platform versions

Windows 11

Did you find any workaround?

I dont know a workaround for this error.

Relevant log output

No response

Issue Analytics

  • State:closed
  • Created a year ago
  • Reactions:4
  • Comments:7 (1 by maintainers)

github_iconTop GitHub Comments

2reactions
kristinx0211commented, May 30, 2022

verified repro on windows, it works on android, but does not work windows. repro project: Astronomy.zip

0reactions
jsuarezruizcommented, Jul 14, 2023

This issue will be fixed by https://github.com/dotnet/maui/pull/14663

Read more comments on GitHub >

github_iconTop Results From Across the Web

icon does not appear in the flyout MAUI
In a related problem, after adding images to my MAUI project, they wouldn't show until I set their Build Action (in Properties) to...
Read more >
NET MAUI Shell flyout
NET MAUI) Shell is based on flyouts and tabs. A flyout is the optional root menu for a Shell app, and is fully...
Read more >
Customize menu and back icon in the AppShell
While doing these steps, I want to customize menu and back icons in navbar. Although I can't customize it, at least I want...
Read more >
Xamarin.Forms Shell flyout
A flyout is the optional root menu for a Shell application, and is accessible through an icon or by swiping from the side...
Read more >
Xamarin IOS Shell Itemtemplate Flyout Icon Color
I have an Xamarin Shell flyout application. I am using fontawesome for the icons. ... However on IOS, they icons are black. I...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found