Jetpack Compose中Edge to Edge未覆盖导航栏的问题咨询

enableEdgeToEdge()的设计初衷确实是让应用内容同时延伸到状态栏和导航栏下方，出现你说的情况大概率是以下几个环节出了问题：

• 布局的WindowInsets处理不当
  默认情况下，布局的fitSystemWindows属性会被设为true，系统会自动给布局添加内边距来避开导航栏，导致视觉上布局没延伸到底部。解决步骤：

  1. 把根布局的android:fitSystemWindows设为false
  2. 通过WindowInsetsCompat手动处理内边距，保证内容不被导航栏遮挡，但布局本身占满屏幕：

     ViewCompat.setOnApplyWindowInsetsListener(rootLayout) { view, insets ->
         val systemInsets = insets.getInsets(WindowInsetsCompat.Type.systemBars())
         view.setPadding(
             systemInsets.left,
             systemInsets.top,
             systemInsets.right,
             systemInsets.bottom
         )
         insets
     }
     

• 导航栏样式配置缺失
  如果导航栏是完全不透明的，就算布局延伸下去也会被完全遮挡，看起来像是没生效。调用enableEdgeToEdge()后，需要补充设置导航栏透明度：

  window.navigationBarColor = Color.TRANSPARENT
  // Android 11及以上版本，确保允许内容覆盖导航栏
  if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.R) {
      window.setDecorFitsSystemWindows(false)
  }
  

• 布局高度未设置为全屏
  检查你的根布局android:layout_height是否为match_parent，如果是wrap_content，布局高度只会包裹内容，自然无法延伸到导航栏下方。

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