iOS中Xamarin.Forms TabbedRenderer切换子页面后标签图标消失问题

看起来你遇到的问题主要来自两个方面：Renderer里的图标重置逻辑不合理，以及TabbedPage初始化时的页面切换时机不对。咱们一步步来修复：

问题根源分析 #

1. ViewWillLayoutSubviews被频繁调用：这个方法会在布局变化（比如页面切换、设备旋转）时反复触发，你每次都重新设置TabBarItem的Image，而且GetTabIcon的逻辑有问题——你创建新的UITabBarItem后取它的SelectedImage，但这个新item的图标并没有正确初始化，导致返回的图片异常。
2. 提前设置CurrentPage：你在PushAsync之前就设置了tp.CurrentPage = tp.Children[1]，此时TabBar还没完成初始化，Renderer的逻辑没来得及正确加载对应标签的图标。

修复方案 #

1. 重构TabbedRenderer的图标设置逻辑 #

把图标设置移到ViewDidLoad（只执行一次），并且直接使用Forms页面上的Icon属性，保证跨平台一致性，同时正确处理选中/未选中状态：

public class CustomTabRenderer_iOS : TabbedRenderer
{
    public override void ViewDidLoad()
    {
        base.ViewDidLoad();

        // 遍历每个标签，匹配Forms页面的Icon设置
        for (int index = 0; index < TabBar.Items.Length; index++)
        {
            var tabBarItem = TabBar.Items[index];
            var formsPage = Element.Children[index];

            if (string.IsNullOrEmpty(formsPage.Icon)) continue;

            // 加载原始图标，设置渲染模式为AlwaysOriginal避免系统自动着色
            var normalIcon = UIImage.FromFile(formsPage.Icon)
                .ImageWithRenderingMode(UIImageRenderingMode.AlwaysOriginal);
            
            // 可选：如果有选中状态的图标，命名为xxx_selected.png，这里自动加载
            var selectedIcon = UIImage.FromFile($"{formsPage.Icon}_selected")?
                .ImageWithRenderingMode(UIImageRenderingMode.AlwaysOriginal) ?? normalIcon;

            tabBarItem.Image = normalIcon;
            tabBarItem.SelectedImage = selectedIcon;
        }
    }

    // 移除ViewWillLayoutSubviews里的图标重置逻辑，只保留必要的布局处理
    public override void ViewWillLayoutSubviews()
    {
        base.ViewWillLayoutSubviews();
        // 这里可以添加布局调整代码，但不要重置图标
    }
}

2. 调整TabbedPage的跳转时机 #

先执行PushAsync完成页面加载，再设置当前选中的页面，确保TabBar已经完成初始化：

private async void CreateTabs()
{
    var tp = new MyTabbedPage();
    tp.Children.Add(new DairyTabPage());
    tp.Children.Add(new Attendance());
    tp.Children.Add(new Events());
    tp.Children.Add(new About());
    
    // 先推入页面，再切换到目标标签
    await Navigation.PushAsync(tp);
    tp.CurrentPage = tp.Children[1];
}

3. 额外检查项 #

• 确认iOS项目中的图标资源（比如kid.png）的Build Action设置为BundleResource，否则无法被正确加载。
• 如果不需要区分选中/未选中图标，可以去掉selectedIcon的逻辑，直接用同一个图标即可。

这样修改后，标签图标应该能稳定显示，切换页面也不会再消失了。

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