Xamarin Shell Flayout Menu on Right Hand Side?

Question

Hi World!

I want to display AppShell flyout Menu on the Right-hand side How can I achieve that?

Thanks

Answer 1

Hello,​

Welcome to our Microsoft Q&A platform!

You can add FlowDirection="RightToLeft" in the <Shell> tag like following code.

   <Shell xmlns="http://xamarin.com/schemas/2014/forms"   
          xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"  
          xmlns:local="clr-namespace:App143.Views"  
          Title="App143"  
       
         FlowDirection="RightToLeft"  
     
          x:Class="App143.AppShell">  

For Android, please open the MainActivity.cs. Then add Window.DecorView.LayoutDirection = LayoutDirection.Rtl; in the OnCreate method.

   protected override void OnCreate(Bundle savedInstanceState)  
           {  
               base.OnCreate(savedInstanceState);  
     
               Xamarin.Essentials.Platform.Init(this, savedInstanceState);  
               global::Xamarin.Forms.Forms.Init(this, savedInstanceState);  
     
   //add here  
               Window.DecorView.LayoutDirection = LayoutDirection.Rtl;  
     
               LoadApplication(new App());  
           }  

Then open the AndroidManifest.xml add android:supportsRtl="true" to <application> tag like following code.

   <application android:label="App143.Android" android:theme="@style/MainTheme"  android:supportsRtl="true"></application>  

Here is running screenshot.

Best Regards,

Leon Lu

---

If the response is helpful, please click "Accept Answer" and upvote it.

Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.