Xamarin iOS：ToolbarItem导航返回后文字变色问题求助

这个问题我在iOS端做Xamarin.Forms项目时也踩过坑，本质是iOS原生UIBarButtonItem的高亮状态没有被正确重置导致的。当你通过ToolbarItem的Command或Clicked事件触发页面Push后，iOS会自动标记这个按钮为“已访问/高亮”状态，但返回原页面时，Xamarin.Forms的默认渲染器没有帮我们把这个状态改回去，所以文字就变灰了。而通过ListView等其他控件导航时，没有触发ToolbarItem的点击事件，自然不会触发这个状态变更；绑定空命令时没有执行导航操作，也不会出现这个问题。

下面给你几个可行的解决方案，按从易到难排序：

方案一：用Clicked事件替代Command，手动控制按钮状态 #

这是最快速的临时解决办法，不需要自定义渲染器，直接在页面后台代码处理：

首先修改XAML，把Command换成Clicked事件：

<ContentPage.ToolbarItems>
    <ToolbarItem Name="Create" Clicked="OnAddCabinClicked" Text="Add Cabin" />
</ContentPage.ToolbarItems>

然后在页面的代码后台添加事件处理逻辑：

private async void OnAddCabinClicked(object sender, EventArgs e)
{
    var toolbarItem = sender as ToolbarItem;
    // 先禁用按钮，防止重复点击
    toolbarItem.IsEnabled = false;
    // 执行导航
    await Navigation.PushAsync(new NewCabinPage());
    // 导航返回后重新启用按钮，强制重置状态
    toolbarItem.IsEnabled = true;
}

通过先禁用再启用的操作，能强制iOS重置按钮的高亮状态，文字就不会变灰了。

方案二：自定义ToolbarItem渲染器（更优雅的长期方案） #

如果你的项目里有多个ToolbarItem需要处理，自定义渲染器是更通用的解决方案：

1. 先在共享项目里创建一个自定义ToolbarItem类：

public class CustomToolbarItem : ToolbarItem
{
    // 不需要额外属性，只是作为标记让渲染器识别
}

2. 在iOS项目里添加自定义渲染器：

[assembly: ExportRenderer(typeof(CustomToolbarItem), typeof(CustomToolbarItemRenderer))]
namespace YourAppNamespace.iOS.Renderers
{
    public class CustomToolbarItemRenderer : ToolbarItemRenderer
    {
        protected override void OnElementChanged(ElementChangedEventArgs<ToolbarItem> e)
        {
            base.OnElementChanged(e);

            if (Control != null)
            {
                // 监听按钮点击事件，点击后立即重置高亮状态
                Control.Clicked += (s, args) =>
                {
                    Control.Highlighted = false;
                };
            }
        }
    }
}

3. 最后在XAML里替换成自定义的ToolbarItem：

<ContentPage.ToolbarItems>
    <local:CustomToolbarItem Name="Create" Command="{Binding AddNewCabin}" Text="Add Cabin" />
</ContentPage.ToolbarItems>

这个渲染器会自动处理所有CustomToolbarItem的点击状态，不管是绑定Command还是Clicked事件，都能避免返回后变灰的问题。

方案三：在ViewModel中触发属性变更（适合MVVM场景） #

如果你坚持用MVVM的Command绑定，可以在导航完成后触发Command的属性变更，让ToolbarItem重新渲染：

在ViewModel里修改你的AddNewCabin命令：

private ICommand _addNewCabin;
public ICommand AddNewCabin => _addNewCabin ??= new Command(async () =>
{
    await Navigation.PushAsync(new NewCabinPage());
    // 触发属性变更，强制ToolbarItem重新绑定Command，重置状态
    OnPropertyChanged(nameof(AddNewCabin));
});

// 确保ViewModel实现了INotifyPropertyChanged接口
public event PropertyChangedEventHandler PropertyChanged;
protected virtual void OnPropertyChanged(string propertyName)
{
    PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
}

这个方法依赖Xamarin.Forms的属性变更通知，让ToolbarItem重新渲染，间接重置iOS原生按钮的状态，不过有时候可能不如渲染器稳定。

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