如何在DrawerLayout+BottomAppBar+BottomNavigationView应用中正确实现enableEdgeToEdge

问题核心 #

直接设置window.navigationBarColor会导致DrawerLayout滑出时，导航栏颜色遮挡抽屉内容；不设置则底部出现白色空白区域——本质是未正确区分主内容区与抽屉区的导航栏背景，同时底部栏未适配系统窗口内边距。

正确实现步骤 #

1. 用DrawerLayout专属方法设置导航栏背景
   不要修改全局window.navigationBarColor，改用DrawerLayout提供的setNavigationBarBackgroundColor()方法，该方法仅将颜色应用到主内容区对应的导航栏区域。抽屉滑出时，抽屉部分的导航栏会自动使用抽屉自身背景，不会出现遮挡。

   示例代码：

   val drawerLayout = findViewById<DrawerLayout>(R.id.drawer_layout)
   // 设置主内容区对应的导航栏背景色
   drawerLayout.setNavigationBarBackgroundColor(ContextCompat.getColor(this, R.color.your_nav_bar_color))
   

2. 适配底部栏的系统内边距
   启用边缘到边缘后，导航栏会覆盖在布局上方，需给BottomAppBar和BottomNavigationView添加动态内边距，避免内容被遮挡。推荐用WindowInsetsCompat监听适配不同设备的导航栏高度：

   private fun setupBottomBarInsets() {
       val bottomAppBar = findViewById<BottomAppBar>(R.id.bottom_app_bar)
       val bottomNav = findViewById<BottomNavigationView>(R.id.bottom_nav)
   
       // 统一处理底部栏的内边距
       listOf(bottomAppBar, bottomNav).forEach { view ->
           ViewCompat.setOnApplyWindowInsetsListener(view) { v, insets ->
               val systemBarsInsets = insets.getInsets(WindowInsetsCompat.Type.systemBars())
               // 更新底部内边距，适配导航栏高度
               v.updatePadding(bottom = systemBarsInsets.bottom)
               insets
           }
       }
   }
   

3. 确保布局配置正确
   移除DrawerLayout及其子布局的android:fitsSystemWindows="true"属性，因为enableEdgeToEdge()已处理系统窗口适配，该属性会导致边缘到边缘效果失效。

完整初始化流程 #

在Activity的onCreate方法中按顺序执行：

override fun onCreate(savedInstanceState: Bundle?) {
    super.onCreate(savedInstanceState)
    // 启用边缘到边缘模式
    enableEdgeToEdge()
    setContentView(R.layout.activity_main)

    val drawerLayout = findViewById<DrawerLayout>(R.id.drawer_layout)
    // 设置状态栏背景（保留原有实现逻辑）
    updateStatusBarColor(ContextCompat.getColor(this, R.color.your_status_bar_color))
    // 设置主内容区导航栏背景
    drawerLayout.setNavigationBarBackgroundColor(ContextCompat.getColor(this, R.color.your_nav_bar_color))
    
    // 适配底部栏内边距
    setupBottomBarInsets()
}

fun updateStatusBarColor(@ColorInt statusBarColor: Int) {
    drawerLayout.setStatusBarBackgroundColor(statusBarColor)
}

效果说明 #

• 主内容区底部的白色空白会被设置的导航栏颜色填充，同时BottomAppBar和BottomNavigationView的内容不会被导航栏遮挡。
• 抽屉滑出时，抽屉底部会延伸到导航栏下方，导航栏背景自动切换为抽屉的背景，不会遮挡抽屉内容。

内容的提问来源于stack exchange，提问作者Cheok Yan Cheng