Xamarin Forms Shell Flyout: How can I remove the gap between FlyoutHeader and the first FlyoutItem?

2
votes

There is a gap in Shell's Flyout as seen in the picture below:

screenshot
(Header background is black and item background is yellow. The white in between is what I'm trying to remove.)

I have tested this in a blank new project (where I've also taken this screenshot) so I'm pretty sure it's not my code's doing. I tried setting margins and/or paddings to most of the elements in the AppShell.

If it helps, when I pull the items down, the blueish "you-are-trying-to-pull-a-scrollable-list-past-its-end" graphic is right below the header, so that makes me think that the gap is part of the Flyout's internal item list.

Any ideas on how I could remove the gap?

1
c#xamarin.formsxamarin.forms.shell
According to the official document, in Android, the white in between exists. And in IOS, there is no white in between. You can refer to: docs.microsoft.com/en-us/xamarin/xamarin-forms/app-fundamentals/… - Wendy Zang - MSFT
Thanks for the info, I can see that on the screenshot now. If you want to turn your comment into an answer, I'll accept it. - Dudu

1 Answers

1
votes

According to the official document, in Android, the white in between exists. And in IOS, there is no white in between.

In the picture below, we can see the difference between the IOS and Android. enter image description here

For more details, you can refer to: https://docs.microsoft.com/en-us/xamarin/xamarin-forms/app-fundamentals/shell/create