Hide/slide or shrink toolbars when scroll

[sunco]

Is there a way to hide toolbars when scroll a Listview? Something great for a clean read

Chrome on iOS does this. It hides top and bottom bar when you scroll. When reverse, then the controls appear

I was thinking on a Listview property where you set the controls that must hide (currently I use Listview, but I guess I can change to SfListview)

My app have this two top bars and a bottom bar. It uses SfNavigationDrawer, SfTabView, SfTabItem, DrawerContentView

Edit: I was able to detect the Scrolled event of the Listview and hide the first toolbar (without any good animation), the one with the hamburguer icon, but the others are very complex because there are many nested elements

I'm using the code from Suganya in here Navigation and two Tabitem | Xamarin.Forms Forums | Syncfusion

This is the direct download for the base code - https://www.syncfusion.com/downloads/support/directtrac/general/ze/NavigationDrawer-207211653

Edit 2: I think this must be something like TabHeaderVisibility because TabHeaderBackgroundColor works fine

[Suganya Sethuraman]

Hi sunco,

Greetings from Syncfusion.

We have analyzed your requirement. To hide the Tab Headers in Xamarin, use the DisplayMode of SfTabView as NoHeader as shown in the following code snippet,

Code snippet 

<tabview:SfTabView BackgroundColor="White" TabHeaderPosition="Bottom" EnableSwiping="False" Grid.Row="1" DisplayMode="NoHeader" VisibleHeaderCount="4"> 

Please have a modified sample,

Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/NavigationDrawerSample-114890743

Please check if the sample satisfies your requirement and let us know if you have any concerns.

Regards,
Suganya Sethuraman.

[sunco]

Thanks for the reply. I attached a template with the SfNavigationDrawer, SfTabView, SfTabItem I use and the List scroll thing. Is very rustic, and works but with a glitch

Hope you have the time to check and tell me how can fix/improve this

Attachment: NavigationDrawer5_a61044a5.rar

[Suganya Sethuraman]

Hi sunco,
 
We are currently validating on this, and we will update the complete details on October 28, 2021. We appreciate your patience until then.

Regards,
Suganya Sethuraman 

[Suganya Sethuraman]

Hi sunco,

Thanks for your patience.

We have analyzed your requirement. We have achieved your requirement by using SfListView.

Please have a modified sample,

Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/NavigationDrawer5539849458

Please check if the sample satisfies your requirement and let us know if you have any concerns.

Regards,
Suganya Sethuraman. 

 

 

[sunco]

Thanks Suganya, this will work for now. Hope this functionality gets integrated in Syncfusion world. I attach a video with an app that uses some similar but in a very smooth way

Attachment: Video_19636386.rar

[Suganya Sethuraman]

Hi sunco,

Thanks for the update.

We are glad that your issue is resolved. Please let us know if you require any further assistance.

Regards,
Suganya Sethuraman.