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.

Shell.FlyoutBehavior="Locked" shows empy menu on Andriod

See original GitHub issue

Description

Having a shell with Shell.FlyoutBehavior="Locked" shows an empy menu on Android:

image

But works fine on Windows:

image

Steps to Reproduce

  1. Create a new MAUI app
  2. Update shell:
<?xml version="1.0" encoding="UTF-8" ?>
<Shell
    x:Class="MauiIssues.AppShell"
    xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
    xmlns:local="clr-namespace:MauiIssues"
    FlyoutWidth="140"
    Shell.FlyoutBehavior="Locked">

    <FlyoutItem Title="Main">
        <ShellContent ContentTemplate="{DataTemplate local:MainPage}"/>
    </FlyoutItem>

    <FlyoutItem Title="Settings">
        <ShellContent ContentTemplate="{DataTemplate local:SettingsPage}"/>
    </FlyoutItem>

    <Shell.ItemTemplate>
        <DataTemplate>
            <Grid RowDefinitions="50" HeightRequest="50">
                <Label Text="{Binding Title}"
                       TextColor="Black"
                               />
            </Grid>
        </DataTemplate>
    </Shell.ItemTemplate>
</Shell>

Or use this sample:

https://github.com/pekspro/MauiIssues/tree/FlyoutBehaviorLocked

Version with bug

Release Candidate 2 (current)

Last version that worked well

Release Candidate 1, or maybelast preview.

Affected platforms

Android, Windows, I was not able test on other platforms

Affected platform versions

Windows 10.0.17763.0, Android 10

Did you find any workaround?

No response

Relevant log output

No response

Issue Analytics

  • State:closed
  • Created a year ago
  • Comments:5 (3 by maintainers)

github_iconTop GitHub Comments

1reaction
PureWeencommented, May 4, 2022

@pekspro fix incoming 😃

0reactions
kristinx0211commented, May 5, 2022

verified repro on android 11.

Read more comments on GitHub >

github_iconTop Results From Across the Web

FlyoutItem disappear when Shell.FlyoutFooterTemplate is ...
FlyoutBackground> and some FlyoutItem all work fine in the Android Emulator and on real Samsung Device. I can see a correct Flyout menu....
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 >
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 >
NET Maui Shell Flyout changes Color imediately after run
[Shell] Fix Flyout Background so it gets set in Locked behavior mode which has been merged.
Read more >
The .NET MAUI Shell Control In Depth | by xeladu
The Shell control has a property FlyoutBehavior . When set to Disabled , the Flyout menu is disabled and not shown. When set...
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