Disable Xamarin Shell Flyout swipe gesture.

Question

I'm using Flyout page using Shell. My home page is a carouselview page. Some times when we swipe the carouselview right, the Flyout page appears. Is there any way to disable swipe gesture for Flyout page so that carouselview can be swiped without any disturbance?

Answer 1

Hello,

Welcome to Microsoft Q&A!

We can disable the swipe gesture in custom renderer , but it may need to use Reflection to seek private property.

iOS Solution

   [assembly: ExportRenderer(typeof(AppShell), typeof(iOSShellRenderer))]  
       namespace TestMenuSwipe.iOS  
       {  
     
                       public class iOSShellRenderer : ShellRenderer  
                       {  
                                       IShellFlyoutRenderer flyoutRenderer;  
     
                                       protected override IShellFlyoutRenderer CreateFlyoutRenderer()  
                                       {  
                                                       flyoutRenderer = base.CreateFlyoutRenderer();   
                                                       return flyoutRenderer;  
                                       }  
     
                                       public override void ViewWillAppear(bool animated)  
                                       {  
                                                       base.ViewWillAppear(animated);  
                                                       var type = flyoutRenderer.GetType();  
                                                       var property = type.GetProperty("PanGestureRecognizer", System.Reflection.BindingFlags.NonPublic | System.Reflection.BindingFlags.Instance);  
                                                       var value = property.GetValue(flyoutRenderer);  
     
                                                       UIPanGestureRecognizer recognizer = value as UIPanGestureRecognizer;  
                                                       recognizer.Enabled = false;  
     
     
                                       }  
                       }  
       }  

 

Android Solution

   [assembly: ExportRenderer(typeof(AppShell), typeof(AndroidShellRenderer))]  
       namespace TestMenuSwipe.Droid  
       {  
                       public class AndroidShellRenderer : ShellRenderer  
                       {  
     
                                       public AndroidShellRenderer(Context context) : base(context)  
                                       {                                                
                                       }  
     
                                       protected override IShellFlyoutRenderer CreateShellFlyoutRenderer()  
                                       {  
                                                       var flyoutRenderer = base.CreateShellFlyoutRenderer();  
                                                       flyoutRenderer.AndroidView.Touch += AndroidView_Touch;                                          
                                                       return flyoutRenderer;  
                                       }  
     
                                       private void AndroidView_Touch(object sender, Android.Views.View.TouchEventArgs e)  
                                       {  
                                                       if (e.Event.Action == MotionEventActions.Move)  
                                                                       e.Handled = true;  
                                                       else  
                                                                       e.Handled = false;  
                                       }  
                       }  
       }  

---

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.

Answer 2

@Cole Xia (Shanghai Wicresoft Co,.Ltd.)

I have the same problem (I guess), but the suggested solution doesn't disable swipe between tabs.
Here is my AppShell content with the suggested renderer:

<?xml version="1.0" encoding="UTF-8"?>  
<Shell xmlns="http://xamarin.com/schemas/2014/forms"   
       xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"  
       x:Class="com.company.AppShell"  
       ...>   
  
    <!-- tabbed topbar -->  
    <FlyoutItem Title="Routes" Icon="maps.png">  
        <Tab>  
            <ShellContent Title="Summary"  
                          ContentTemplate="{DataTemplate views:SummaryPage}" Route="SummaryPage" />  
            <ShellContent Title="Directions"  
                          ContentTemplate="{DataTemplate views:DirectionsPage}" />  
        </Tab>  
    </FlyoutItem>  
  
    <MenuItem Text="Logout" Icon="logout.png" Clicked="onLogoutClicked" />  
  
</Shell>  

Updated:
I tried to follow these guidelines to override CreateShellSectionRenderer in the suggested Shell renderer, but I don't know where to attach the Touch event, in order to disable swipe between section contents. Could you please provide a sample, if this is supported? Thank you.

Answer 3

anybody there?...

Answer 4

<ContentPage
.....
Shell.FlyoutBehavior="Disabled"
....
/>