.NET MAUI中Sharpnado Tabs标签启动后无法显示的异常问题

可行修复步骤 #

• 清理缓存并重建项目

  1. 删除项目根目录下的bin和obj文件夹
  2. 执行命令行指令 dotnet clean
  3. 重新生成并部署项目
     缓存文件损坏是这类UI渲染异常的常见诱因，清理后重建能强制重新加载控件资源。

• 显式指定Label的字体属性
  给UnderlinedTabItem添加明确的FontSize和FontFamily属性，避免默认配置加载异常：

  <tabs:UnderlinedTabItem Label="1" 
                          SelectedTabColor="#ffca73" 
                          UnselectedLabelColor="Gray" 
                          BackgroundColor="white"
                          FontSize="16"
                          FontFamily="sans-serif"/>
  

• 改用数据绑定设置Label内容
  将Label文本绑定到ViewModel的属性，规避静态赋值可能的初始化顺序问题：
  ViewModel新增属性：

  public string Tab1Label => "1";
  public string Tab2Label => "2";
  public string Tab3Label => "3";
  

  XAML修改为：

  <tabs:UnderlinedTabItem Label="{Binding Tab1Label}" 
                          SelectedTabColor="#ffca73" 
                          UnselectedLabelColor="Gray" 
                          BackgroundColor="white"/>
  

• 升级Sharpnado Tabs版本
  检查当前NuGet包版本，升级到最新稳定版——这类标签渲染异常大概率是已知bug，新版本通常会修复。

• 确认TabHostView的布局高度
  给所在Grid的行设置明确高度，避免因高度不足导致Label被裁剪：

  <Grid>
      <Grid.RowDefinitions>
          <RowDefinition Height="Auto"/>
          <RowDefinition Height="50"/> <!-- 为TabHostView分配固定高度 -->
          <RowDefinition Height="*"/>
      </Grid.RowDefinitions>
      <tabs:TabHostView Grid.Row="1" SelectedIndex="{Binding SelectedIndex, Mode=TwoWay}" Margin="0,10,0,0"/>
  </Grid>
  

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