Hi Daniel, great tutorial and it helps a lot. I have a question when playing around, if I want to add an extra in a flyout item, such as status or slide button by the side of title. For example I want show a special identity or status of one if the flyout item in the flyout menu. How can I manage to do that? Thank you!
Hey, I know it has being a very long time, but you can achive that by creating columns and rows in a visual. Although, you can bind info using {Binding}
Why is the fllayout when I choose the flow direction from right to left, it does not change from right to left, it remains the same from left to right?
I will say that you not choose on that, it depends on what icons you want to use. And that you now can use svgs with Maui is great, compared with Xamarin.Forms.
Set FlyoutBehavior to Locked. For compact mode you can just set Width so it will only show icons. If you want to expand it you can do it by changing the value by code. I am working on a video right now that will show this.
From all the examples I can find around MAUI Shell, there is not a single one that shows Flyout on any other page other than the first page. It seems like it's always assumed you want your app to start with the Flyout navigation and I don't. My app has a couple of pages to get through before you get the the Flyout page. How do I do that please. Can you do a video?
@@davidjackson148 You can programmatically disable the flyout in C# like this: Shell.SetFlyoutBehavior(Shell.Current, FlyoutBehavior.Disabled); Or in XAML like this: Shell.FlyoutBehavior="Disabled"
@@GoogleDoesEvil I gave up on flyout and created my own control using contentpresenter and contentview, much more predictable but gives me the behavior I want and can control
is not working for templating the MenuItem. i get the error XFC0045: Binding: Property "Icon" not found on "Microsoft.Maui.Controls.MenuItem". i have the property 'IconImageSource' but this is not working
I had the same issue. Did you have something like this declared in AppShell.xaml: x:DataType="viewModels:AppShellViewModel" If so this is the cause of the problem - it's hiding the Icon property. Take it out and wherever you need to bind to AppShellViewModel set the BindingContext instead:
