.NET MAUI Blazor升级.NET9后，安卓刘海屏设备SafeArea失效求助

以下是针对Pixel 7这类刘海屏Android设备升级.NET9后SafeArea失效的可行解决方案：

1. 修正AndroidManifest.xml配置 #

显式配置系统对刘海区域的处理规则，确保系统正确识别并预留SafeArea：

• 在AndroidManifest.xml的<application>节点下添加刘海支持元数据：

  <meta-data android:name="android.notch_support" android:value="true" />
  <meta-data android:name="android.max_aspect" android:value="2.1" />
  

• 在主Activity节点中设置窗口布局适配规则：

  <activity android:name=".MainActivity"
            android:windowLayoutInDisplayCutoutMode="shortEdges">
  

  shortEdges模式允许内容延伸至刘海区域，但系统会自动为SafeArea添加正确的内边距。

2. 启用MAUI原生SafeArea布局 #

确保MAUI的SafeArea机制被正确触发：

• 如果使用XAML承载BlazorWebView，在ContentPage中开启UseSafeArea：

  <ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
               xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
               x:Class="YourApp.MainPage"
               UseSafeArea="True">
      <BlazorWebView HostPage="wwwroot/index.html">
          <!-- 根组件配置 -->
      </BlazorWebView>
  </ContentPage>
  

• 或者在Blazor布局中直接使用MAUI的SafeArea组件包裹内容：

  <SafeArea>
      <div class="page">
          <main>@Body</main>
      </div>
  </SafeArea>
  

3. 手动通过JS适配SafeAreaInsets #

如果原生SafeArea组件未生效，可通过JavaScript获取系统SafeArea参数并调整Blazor页面样式：

1. 在wwwroot/index.html中添加JS方法：

   window.getSafeAreaInsets = () => {
       return window.MauiSafeArea?.getInsets() || { top: 0, bottom: 0, left: 0, right: 0 };
   };
   

2. 在Blazor主布局（如MainLayout.razor）中注入IJSRuntime并动态设置内边距：

   @inject IJSRuntime JSRuntime
   
   @code {
       protected override async Task OnAfterRenderAsync(bool firstRender)
       {
           if (firstRender)
           {
               var insets = await JSRuntime.InvokeAsync<Dictionary<string, int>>("getSafeAreaInsets");
               if (insets != null)
               {
                   await JSRuntime.InvokeVoidAsync("eval", $@"
                       document.body.style.paddingTop = '{insets["top"]}px';
                       document.body.style.paddingBottom = '{insets["bottom"]}px';
                       document.body.style.paddingLeft = '{insets["left"]}px';
                       document.body.style.paddingRight = '{insets["right"]}px';
                   ");
               }
           }
       }
   }
   

4. 检查.NET9补丁更新 #

部分SafeArea问题可能是.NET9初期版本的bug，建议升级到最新的.NET9正式版或补丁包，查看官方是否已修复相关适配问题。

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