MAUI: Issue with FlowDirection

Sreenivasan, Sreejith 270 Reputation points
2025-11-28T07:58:55.85+00:00

My home page is a FlyoutPage and its FlowDirection is RightToLeft, because I need to open the flyout(menu pop up) from the right side. The detail page is TabbedPage with 3 children. The first child is an AlertsPage and if we click on any alert it will open a new page named it as AlertDetailPage. I have UI issues on this AlertDetailPage.

Please check the below screenshots:

Issue 1: Back arrow is showing right of title instead of left and more icon is showing left instead of right.

a

Issue 2: When we click on more icon it shows 2 options like below, it is right aligned, it should be aligned to left.

b

If I remove the FlyoutPage's FlowDirection, all the above UI issues are gone, but the menu is opening from left side. How can I fix this issue? I need to open the menu from right side and need to fix the above alignment issues.

I tried setting FlowDirection LeftToRight for AlertDetailPage xaml, cs and FlyoutPage.Detail, MenuPage but none of them works.

Developer technologies | .NET | .NET MAUI
{count} votes

Your answer

Answers can be marked as 'Accepted' by the question author and 'Recommended' by moderators, which helps users know the answer solved the author's problem.