Xamarin应用引用自定义Label样式时崩溃该如何解决

问题根因 #

1. 你当前贴出的AppShell.xaml代码中，BaseStyle引用了DarkPink、DarkGreen两个颜色资源，但没有给出这两个资源的定义。如果这两个资源确实不存在，会直接导致整个Shell.Resources加载失败，后续定义的BodyText、HeaderText样式也无法被识别，子页面引用时就会触发XAML解析异常导致崩溃。
2. Xamarin.Forms部分版本存在Shell资源作用域限制：定义在Shell.Resources中的资源，不在子页面的StaticResource查找链上，子页面无法正常访问这部分资源。

修复方案 #

第一步：补全缺失的颜色资源 #

在Shell.Resources的ResourceDictionary最开头补充你需要的颜色定义，示例如下：

<Color x:Key="DarkPink">#FFC71585</Color>
<Color x:Key="DarkGreen">#FF006400</Color>

如果补全后仍然崩溃，采用更稳妥的全局资源方案。

第二步（推荐）：将通用样式放到全局资源字典 #

把所有需要跨页面复用的资源统一放到App.xaml的ResourceDictionary中，全局资源对所有页面生效，不存在作用域访问问题：

<Application xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="KnittingApp.App">
    <Application.Resources>
        <ResourceDictionary>
            <!-- 全局颜色 -->
            <Color x:Key="DarkPink">#FFC71585</Color>
            <Color x:Key="DarkGreen">#FF006400</Color>
            
            <!-- Shell基础样式 -->
            <Style x:Key="BaseStyle" TargetType="Element">
                <Setter Property="Shell.BackgroundColor" Value="{StaticResource DarkPink}" />
                <Setter Property="Shell.ForegroundColor" Value="White" />
                <Setter Property="Shell.TitleColor" Value="White" />
                <Setter Property="Shell.DisabledColor" Value="#B4FFFFFF" />
                <Setter Property="Shell.UnselectedColor" Value="#95FFFFFF" />
                <Setter Property="Shell.TabBarBackgroundColor" Value="{StaticResource DarkGreen}" />
                <Setter Property="Shell.TabBarForegroundColor" Value="White"/>
                <Setter Property="Shell.TabBarUnselectedColor" Value="#95FFFFFF"/>
                <Setter Property="Shell.TabBarTitleColor" Value="White"/>
            </Style>
            <Style TargetType="TabBar" BasedOn="{StaticResource BaseStyle}" />
            <Style TargetType="FlyoutItem" BasedOn="{StaticResource BaseStyle}" />
            
            <!-- 全局Label样式 -->
            <Style x:Key="BodyText" TargetType="Label">
                <Setter Property="TextColor" Value="Black"/>
                <Setter Property="FontSize" Value="18"/>
            </Style>
            <Style x:Key="HeaderText" TargetType="Label">
                <Setter Property="TextColor" Value="Black"/>
                <Setter Property="FontSize" Value="32"/>
            </Style>
        </ResourceDictionary>
    </Application.Resources>
</Application>

修改完成后删除AppShell.xaml中重复的资源定义即可，子页面的样式引用逻辑不需要调整，可直接正常运行。

排查小技巧 #

• 排查资源问题时可临时将{StaticResource}替换为{DynamicResource}，DynamicResource找不到资源只会不生效不会崩溃，方便定位问题
• 每次修改XAML资源后清理项目再重新生成，避免缓存导致的异常

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