如何移除iOS系统中TabBar上方显示的线条？

我完全懂你的烦恼——原本以为已经搞定的TabBar上方线条，居然在iOS 13.3里又冒出来了！之前你用的直接设置ShadowImage和BackgroundImage的方式，在iOS 13之后的系统里可能已经不生效了，因为Apple引入了全新的UITabBarAppearance来统一管理导航栏和标签栏的外观样式。

修复方案 #

你需要改用UITabBarAppearance来配置TabBar的样式，把阴影直接去掉。修改后的代码如下：

protected override IShellItemRenderer CreateShellItemRenderer(ShellItem item)
{
    var renderer = base.CreateShellItemRenderer(item);
    if (renderer is ShellItemRenderer shellRenderer)
    {
        var tabBar = shellRenderer.TabBar;
        tabBar.Translucent = false;

        // iOS 13+ 用UITabBarAppearance来移除阴影
        var appearance = new UITabBarAppearance();
        appearance.ShadowColor = UIColor.Clear; // 把阴影颜色设为透明
        appearance.ShadowImage = new UIImage(); // 确保阴影图为空
        appearance.BackgroundImage = new UIImage();

        // 给不同状态的TabBar都应用这个样式
        tabBar.StandardAppearance = appearance;
        tabBar.ScrollEdgeAppearance = appearance; // 适配滚动到边缘的情况

        // 调整Item的内边距（保留你原来的逻辑）
        foreach (var barItem in tabBar.Items)
        {
            barItem.ImageInsets = new UIEdgeInsets(5, 0, 0, 0);
        }
    }
    return renderer;
}

关键说明 #

• iOS 13及以后，系统优先使用UITabBarAppearance里的配置，直接设置TabBar的ShadowImage可能会被外观样式覆盖，所以必须通过StandardAppearance和ScrollEdgeAppearance来统一设置。
• 设置ShadowColor = UIColor.Clear加上ShadowImage = new UIImage()，双管齐下确保线条完全消失。
• ScrollEdgeAppearance是iOS 13新增的，当页面滚动到顶部（TabBar贴住屏幕边缘）时会用这个样式，所以也要同步设置，避免线条在特定场景下又出现。

这样修改后，应该就能彻底移除iOS 13.3里TabBar上方的那条线条了！

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