Compose中如何修改NavigationBar背景透明度？当前代码不生效

• 先配置系统导航栏支持透明布局
  系统默认的导航栏遮罩会覆盖自定义的透明背景，需要在Activity的onCreate方法中添加以下代码，让布局可以延伸到导航栏区域：

  if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.R) {
      window.setDecorFitsSystemWindows(false)
  } else {
      @Suppress("DEPRECATION")
      window.decorView.systemUiVisibility = View.SYSTEM_UI_FLAG_LAYOUT_STABLE or 
          View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN or 
          View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION
  }
  

• 调整NavigationBar的参数
  移除Modifier.background(Color.Transparent)，避免和containerColor冲突；同时显式指定alpha参数让代码更清晰：

  NavigationBar(
      tonalElevation = 0.dp,
      containerColor = colorScheme.secondaryContainer.copy(alpha = 0.7f),
      contentColor = colorScheme.primary
  ) {
      // 这里添加你的导航项内容
  }
  

• 检查主题配置
  如果使用Material3主题，确保主题中的androidNavigationBarColor没有强制设置为不透明颜色，需要同步设置为对应透明度：

  MaterialTheme(
      colorScheme = colorScheme.copy(
          androidNavigationBarColor = colorScheme.secondaryContainer.copy(alpha = 0.7f)
      )
  ) {
      // 应用的根布局内容
  }
  

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