How to switch .NET MAUI Flyout of Shell to the right with FlowDirection?

[RafikMk]

Discussed in #15202

^{Originally posted by RafikMk May 21, 2023}
Hello everyone,

I'm currently working on a .NET MAUI application and facing a challenge with the Flyout menu (Sidebar). I'm targeting a right-to-left layout to better cater to right-to-left languages.

I've attempted to use the FlowDirection="RightToLeft" attribute within the Shell, as shown below:

<Shell xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
       xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
       x:Class="MyApp.AppShell"
       FlowDirection="RightToLeft">

While this successfully reverses my content's flow, it doesn't affect the Flyout menu which still slides from the left. Instead, I'm aiming to have the Flyout emerge from the right.

Is there a way to achieve this in .NET MAUI?

Thanks in advance for your assistance.

Hi @RafikMk. We have added the "s/needs-repro" label to this issue, which indicates that we require steps and sample code to reproduce the issue before we can take further action. Please try to create a minimal sample project/solution or code samples which reproduce the issue, ideally as a GitHub repo that we can clone. See more details about creating repros here: https://github.com/dotnet/maui/blob/main/.github/repro.md

This issue will be closed automatically in 7 days if we do not hear back from you by then - please feel free to re-open it if you come back to this issue after that time.

Hi @RafikMk. We have added the "s/needs-info" label to this issue, which indicates that we have an open question for you before we can take further action. This issue will be closed automatically in 7 days if we do not hear back from you by then - please feel free to re-open it if you come back to this issue after that time.

[RafikMk]

Hi @RafikMk. We have added the "s/needs-repro" label to this issue, which indicates that we require steps and sample code to reproduce the issue before we can take further action. Please try to create a minimal sample project/solution or code samples which reproduce the issue, ideally as a GitHub repo that we can clone. See more details about creating repros here: https://github.com/dotnet/maui/blob/main/.github/repro.md

This issue will be closed automatically in 7 days if we do not hear back from you by then - please feel free to re-open it if you come back to this issue after that time.

Hi @rachelkang
Please find below the link to the dedicated GitHub repository I created to reproduce the mentioned problem. It contains a project example that demonstrate the encountered issue.
https://github.com/RafikMk/Maui_Shell.git

[Zhanglirong-Winnie]

Verified this issue with Visual Studio Enterprise 17.9.0 Preview 3. Can repro on Windows and Android platforms with sample project.
RafikMk/Maui_Shell (github.com)