Category / Section
How to change Touch Threshold in NavigationDrawer control
1 min read
Syncfusion NavigationDrawer in Xamarin provides TouchThreshold property to set position from where the slider opens when dragging over the screen.
To change the TouchThreshold in NavigationDrawer follow the given procedures below.
Step 1: Create sample of Navigation Drawer and set the value for TouchThreshold.
Step 2: The drag position from where the slider gets opened will vary depending on the value of TouchThreshold.
XAML code to change TouchThreshold of Navigation Drawer:
<navigation:SfNavigationDrawer x:Name="navigationDrawer" EnableSwipeGesture="true" Position="Left" Transition="Push" TouchThreshold="100" DrawerHeight="100" DrawerWidth="200" DrawerHeaderHeight="100" DrawerFooterHeight="100"> <!-- We can change the TouchThreshold to any value as per the user needs --> <navigation:SfNavigationDrawer.ContentView> <StackLayout x:Name="ContentFrame" Orientation="Vertical" > <Label Text="Main Content View of SfNavigationDrawer." HorizontalOptions="CenterAndExpand" VerticalOptions="CenterAndExpand" /> </StackLayout> </navigation:SfNavigationDrawer.ContentView> <navigation:SfNavigationDrawer.DrawerHeaderView> <Grid x:Name="headerLayout" BackgroundColor="#1aa1d6" > <Label x:Name="header" Text="Header View" FontSize="14" TextColor="White" VerticalTextAlignment="Center" HorizontalTextAlignment="Center" /> </Grid> </navigation:SfNavigationDrawer.DrawerHeaderView> <navigation:SfNavigationDrawer.DrawerFooterView> <Grid x:Name="footerLayout" BackgroundColor="#1aa1d6" > <Label x:Name="footer" Text="Footer View" FontSize="14" TextColor="White" VerticalTextAlignment="Center" HorizontalTextAlignment="Center" /> </Grid> </navigation:SfNavigationDrawer.DrawerFooterView> <navigation:SfNavigationDrawer.DrawerContentView> <StackLayout > <Label Text="Drawer Content View" VerticalOptions="CenterAndExpand" HorizontalOptions="CenterAndExpand"/> </StackLayout> </navigation:SfNavigationDrawer.DrawerContentView> </navigation:SfNavigationDrawer>
