如何设置Trusted Web Activity内容实现「边缘到边缘」（延伸至状态栏后方）

嗨，我来帮你搞定这个TWA内容延伸到状态栏后方的问题～你提到原生代码的edge-to-edge已经正常工作，但TWA的LauncherActivity启动后内容还是被状态栏挡住，而且不想用沉浸式模式，那可以试试下面这几个步骤：

• 自定义LauncherActivity
  默认的com.google.androidbrowserhelper.trusted.LauncherActivity没有开启edge-to-edge适配，我们需要自己继承它来做配置：

  class CustomTwaLauncherActivity : LauncherActivity() {
      override fun onCreate(savedInstanceState: Bundle?) {
          super.onCreate(savedInstanceState)
          // 开启edge-to-edge，让内容延伸到系统栏后方
          WindowCompat.setDecorFitsSystemWindows(window, false)
          // 配置状态栏图标颜色，确保透明状态栏下文字可见（根据主题调整light/dark）
          WindowInsetsControllerCompat(window, window.decorView).apply {
              isAppearanceLightStatusBars = true // 浅色图标适配深色背景，反之设为false
          }
      }
  }
  

  之后记得在AndroidManifest.xml里把原来的LauncherActivity替换成这个自定义类。

• 调整主题配置
  在styles.xml里给自定义的TWA活动设置适配主题，确保状态栏透明：

  <style name="TwaEdgeToEdgeTheme" parent="Theme.MaterialComponents.NoActionBar">
      <item name="android:statusBarColor">@android:color/transparent</item>
      <item name="android:navigationBarColor">@android:color/transparent</item>
      <!-- 适配旧版本可选配置 -->
      <item name="android:windowTranslucentStatus">true</item>
  </style>
  

  再在Manifest里给CustomTwaLauncherActivity指定这个主题。

• Web端配合适配
  最后网页端也要调整，避免内容被状态栏遮挡：

  1. 在viewport标签里添加viewport-fit=cover：

     <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
     

  2. 用CSS安全区域变量给页面顶部加内边距：

     body {
         padding-top: env(safe-area-inset-top);
     }
     

这样设置后，TWA内容就能正常延伸到状态栏后方，同时不会像沉浸式模式那样隐藏状态栏，刚好符合你的需求～

备注：内容来源于stack exchange，提问作者morgenshtern