iOS端Shell TitleView下方多余内边距问题求解

在iOS平台使用Shell的TitleView时，标题视图下方会出现多余的空白内边距，就算给内容页面设置内边距、外边距（包括负外边距）为0也没用。这种情况可以通过自定义iOSShellRenderer来彻底解决。

具体实现步骤 #

• 在iOS项目中创建自定义Shell渲染器类，继承自ShellRenderer
• 重写CreateNavBarAppearanceTracker方法，返回自定义的导航栏外观追踪器
• 在自定义追踪器里通过iOS原生API调整导航栏布局，移除多余内边距

iOS端代码示例 #

using UIKit;
using Xamarin.Forms;
using Xamarin.Forms.Platform.iOS;

[assembly: ExportRenderer(typeof(AppShell), typeof(YourAppName.iOS.CustomShellRenderer))]
namespace YourAppName.iOS
{
    public class CustomShellRenderer : ShellRenderer
    {
        protected override IShellNavBarAppearanceTracker CreateNavBarAppearanceTracker()
        {
            return new CustomNavBarAppearanceTracker();
        }
    }

    public class CustomNavBarAppearanceTracker : IShellNavBarAppearanceTracker
    {
        public void Dispose()
        {
        }

        public void ResetAppearance(UINavigationController controller)
        {
        }

        public void SetAppearance(UINavigationController controller, ShellAppearance appearance)
        {
            // 清除导航栏整体布局边距
            controller.NavigationBar.LayoutMargins = UIEdgeInsets.Zero;
            controller.NavigationBar.PreservesSuperviewLayoutMargins = false;
            
            // 单独处理TitleView的布局边距
            if (controller.NavigationBar.TopItem != null)
            {
                controller.NavigationBar.TopItem.TitleView?.LayoutMargins = UIEdgeInsets.Zero;
            }
        }

        public void UpdateLayout(UINavigationController controller)
        {
            // 布局更新时再次确保边距为0
            controller.NavigationBar.LayoutMargins = UIEdgeInsets.Zero;
        }
    }
}

注意事项 #

• 把代码里的YourAppName替换成你的项目名称，AppShell替换成你项目中Shell类的实际名称
• 这种方式直接操作iOS原生导航栏的布局参数，比在Xamarin.Forms层面调整Margin/Padding更精准，能从根源上消除多余空白

内容的提问来源于stack exchange，提问作者Meghna Singh