MAUI: Issue with FlowDirection
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.
Issue 2: When we click on more icon it shows 2 options like below, it is right aligned, it should be aligned to left.
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.