iOS自定义TabbedRenderer首个Tab图标无法调整大小问题求助

我看过你的代码和截图了，问题出在两个关键地方：一是你通过创建新UITabBarItem间接获取图片的逻辑有点绕，导致首个Tab的图片处理异常；二是ViewWillLayoutSubviews会被多次调用，重复设置图片可能干扰首个Tab的初始化流程。

问题分析 #

1. 多余的UITabBarItem创建：你的GetTabIcon方法里，先根据标题新建一个UITabBarItem，再从这个item里拿SelectedImage来缩放——这完全没必要，而且系统对首个Tab的初始化优先级和其他Tab不同，这种间接获取的方式容易引入未知问题。
2. 重复执行的布局方法：ViewWillLayoutSubviews会在视图布局变化时多次触发，每次都重新生成并设置图片，可能导致首个Tab的图片被重复缩放，最终显示异常。

修改后的代码 #

1. 简化图片加载与缩放逻辑

把GetTabIcon改成直接加载原始图片并缩放，去掉多余的UITabBarItem创建：

private UIImage GetTabIcon(string title)
{
    // 根据标题匹配对应的图片文件名
    string imageName = title switch
    {
        "Dairy" => "dairy",
        "My kid" => "kid",
        "Events" => "events",
        "About" => "about",
        _ => string.Empty
    };

    if (string.IsNullOrEmpty(imageName))
        return new UIImage();

    // 直接加载原始图片并缩放
    var originalImage = UIImage.FromFile(imageName);
    return ResizeImage(originalImage, 20, 20);
}

2. 避免重复执行图标设置

给渲染器加一个标志位，确保图标只初始化一次：

private bool _iconsHaveBeenResized = false;

public override void ViewWillLayoutSubviews()
{
    base.ViewWillLayoutSubviews();
    
    if (!_iconsHaveBeenResized)
    {
        foreach (var item in TabBar.Items)
        {
            item.Image = GetTabIcon(item.Title);
            // 可选：设置选中状态图标的渲染模式，避免系统默认的色调覆盖
            item.SelectedImage = GetTabIcon(item.Title).ImageWithRenderingMode(UIImageRenderingMode.AlwaysOriginal);
        }
        _iconsHaveBeenResized = true;
    }
}

3. 清理PCL中的无效属性

PCL里的HeightRequest和WidthRequest对iOS TabBar图标不起作用，直接删掉：

<Shared:MyTabbedPage xmlns="http://xamarin.com/schemas/2014/forms" 
                     xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" 
                     xmlns:local="clr-namespace:edTheSIS" 
                     x:Class="edTheSIS.ParentDashboard" 
                     xmlns:Shared="clr-namespace:edTheSIS.Shared;assembly=edTheSIS">
    <local:DairyTabPage Icon="dairy"></local:DairyTabPage>
    <local:MykidTab Icon="kid"></local:MykidTab>
    <local:Events Icon="events"></local:Events>
    <local:About Icon="about"></local:About>
</Shared:MyTabbedPage>

额外检查点 #

• 确保iOS项目中所有图片（包括dairy.png）都正确添加了Target Membership，并且提供了@2x、@3x分辨率的资源，避免加载失败。
• 如果你需要区分选中和未选中的图标，可以在GetTabIcon里分别加载对应状态的图片，比如dairy_selected.png。

效果截图 #

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