We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Issue with Navigation Dawer using with shell in xamarin forms

Thread ID:





150191 Dec 25,2019 04:38 AM UTC Jan 3,2020 11:39 AM UTC Xamarin.Forms 3
Tags: SfNavigationDrawer
Future Tech
Asked On December 25, 2019 04:38 AM UTC

I'm using navigation drawer on the bottom side of the app with shell in xamarin forms and my scenario is that when i scroll down my collectionview, i disable the bottom tabbar of shell to insure maximum space to be available and when i scroll up, then i do the vice versa( again enable the shell bottom tabbar).
     Its ok when i scroll up but when scroll down and disable shell bottom tabbar and navigation drawer revealed out behind the bottom tabbar. So can you please tell me that how can i solve it. Thanks in advance!



Rachel A [Syncfusion]
Replied On December 31, 2019 10:20 AM UTC

Hi Future Tech,

Greetings from Syncfusion.
We would like you to explain you that SfNavigationDrawer is used for creating navigation pane in an application. Could please provide the below details 
1.      The use case for adding the navigation drawer to the bottom of the app.  
2.      Whether drawer must be visible when loading the items in the page  
3.      If the drawer must be collapsed when it has to be visible. 
So, we can get clear idea of your requirement that you are trying to achieve with navigation drawer. 

Future Tech
Replied On December 31, 2019 12:45 PM UTC

Use case:
Actually I'm trying to design pinterest like app in which every picture has three dotted icon at its blow side. So whenever we click on this icon, a drawer slide up from the bottom of the app containing some info related to the item clicked. So, for this situation SfNavigationDrawer is perfectly suiting for me. If I use SfNavigationDrawer in Navigation Page instead of shell, then everything is working well. The problem comes when I use Xamarin forms shell. when I disable xamarin forms shell bottom tabbar to increase screen space, the tabbar disappears and as expected main content page should cover the space released by shell tabbar but this is not happening rather SfNavigationDrawer is blocking main content from expanding.

My Assumption about the issue: I think the problem is that when main content page in shell is expanded to cover the space released by bottom tabbar , then SfNavigationDrawer  should reposition its height

Rachel A [Syncfusion]
Replied On January 3, 2020 11:39 AM UTC

Hi Future Tech,

Thanks for your update. 

We have analyzed the reported issue of "Issue with Navigation Drawer using with shell in Xamarin Forms" from our side and we have also prepared the sample based on the given UI to reproduce the same. But we are unable to reproduce the issue from our side. Please find the prepared sample from the below link.
If you are still facing the reported issue, please update us the issue reproducing sample and platform of the issue occurs which will help us to provide further solutions on this.  


This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile
Live Chat Icon