Xamarin Forms Shell Flyout:如何消除 FlyoutHeader 和第一个 FlyoutItem 之间的间隙?

Posted

技术标签:

【中文标题】Xamarin Forms Shell Flyout:如何消除 FlyoutHeader 和第一个 FlyoutItem 之间的间隙?【英文标题】:Xamarin Forms Shell Flyout: How can I remove the gap between FlyoutHeader and the first FlyoutItem? 【发布时间】:2019-08-10 22:40:22 【问题描述】:

如下图所示,Shell 的 Flyout 有一个缺口:

screenshot (标题背景为黑色,项目背景为黄色。中间的白色是我要删除的。

我已经在一个空白的新项目中对此进行了测试(我还截取了这张截图),所以我很确定这不是我的代码在做的。我尝试为 AppShell 中的大多数元素设置边距和/或填充。

如果有帮助,当我拉下项目时,蓝色的“you-are-trying-to-pull-a-scrollable-list-past-its-end”图形就在标题的正下方,所以这让我认为间隙是 Flyout 内部项目列表的一部分。

关于如何消除差距的任何想法?

【问题讨论】:

根据官方文档,在android中,存在中间的白色。而在ios中,中间没有白色。可以参考:docs.microsoft.com/en-us/xamarin/xamarin-forms/app-fundamentals/… 感谢您的信息,我现在可以在屏幕截图上看到。如果你想把你的评论变成答案,我会接受的。 【参考方案1】:

根据官方文档,在Android中,存在中间的白色。而在IOS中,中间没有白色。

在下图中,我们可以看到 IOS 和 Android 的区别。

更多详情可以参考: https://docs.microsoft.com/en-us/xamarin/xamarin-forms/app-fundamentals/shell/create

【讨论】:

以上是关于Xamarin Forms Shell Flyout:如何消除 FlyoutHeader 和第一个 FlyoutItem 之间的间隙?的主要内容,如果未能解决你的问题,请参考以下文章

在 Xamarin.Forms Shell 中隐藏 tabbedPage 的标题

xamarin.forms.shell 框架中页面上视觉元素的生命周期

Xamarin.Forms 选中时禁用 Shell TabBar 字体缩放

Xamarin.Forms Shell 将数据传递到弹出项视图

Xamarin.Forms webview 进行身份验证,导航到新页面(Shell)并需要再次重新验证?

有没有办法在 Xamarin.Forms Shell 顶部选项卡中显示图标?