MAUI Blazor Hybrid中iOS底部栏背景色修改问题求助

API 探路者

2026-7-9

解决方案

问题根源

你当前iOS代码调用的NavigationPage.SetIconColor是用于修改顶部导航栏图标颜色的API，和底部导航栏背景色完全无关，这就是没有效果的原因。

正确实现方式

根据你的页面架构，选择以下一种方案：

1. 基于Xamarin.Forms TabbedPage的自定义渲染

如果底部导航是用TabbedPage实现的，在iOS项目中创建自定义渲染器：

添加CustomTabbedPageRenderer.cs文件：

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

[assembly: ExportRenderer(typeof(TabbedPage), typeof(你的应用命名空间.iOS.Renderers.CustomTabbedPageRenderer))]
namespace 你的应用命名空间.iOS.Renderers
{
    public class CustomTabbedPageRenderer : TabbedRenderer
    {
        public override void ViewWillAppear(bool animated)
        {
            base.ViewWillAppear(animated);
            
            if (TabBar != null)
            {
                // 设置底部导航栏背景色（对应#f7f7f7的RGB值）
                TabBar.BarTintColor = UIColor.FromRGB(247, 247, 247);
                // 可选：设置选中项的图标/文字颜色
                // TabBar.TintColor = UIColor.Black;
                // 可选：设置未选中项的图标/文字颜色
                // TabBar.UnselectedItemTintColor = UIColor.Gray;
            }
        }
    }
}

2. 原生iOS全局配置

如果需要统一修改所有UITabBar样式，直接在AppDelegate.cs中修改：

public override bool FinishedLaunching(UIApplication application, NSDictionary launchOptions)
{
    // 设置全局底部导航栏背景色
    UITabBar.Appearance.BarTintColor = UIColor.FromRGB(247, 247, 247);
    // 可选：设置选中项颜色
    // UITabBar.Appearance.TintColor = UIColor.Black;
    
    return base.FinishedLaunching(application, launchOptions);
}