启用enableEdgeToEdge()后Compose Scaffold内边距过大问题求助

我在应用中使用Compose Scaffold的paddingValues适配底部栏，同时引入androidx.activity:activity-compose:1.8.0的enableEdgeToEdge()特性实现导航栏透明。启用该特性前PaddingValues为(start=0.0.dp, top=0.0.dp, end=0.0.dp, bottom=80.0.dp)，启用后变为(start=0.0.dp, top=50.333332.dp, end=0.0.dp, bottom=104.0.dp)，导致内容区域缩小。测试设备为Pixel 8 Pro，使用依赖版本为androidx.compose:compose-bom:2023.10.00，完整代码如下：

override fun onCreate(savedInstanceState: Bundle?) {
    enableEdgeToEdge()
    super.onCreate(savedInstanceState)

    setContent {
        val navController = rememberNavController()

        TSViewerTheme {
            Scaffold (
                bottomBar = {
                    BottomNavBar(
                        navController = navController,
                    )
                },
                content = { paddingValues ->
                    NavHost(navController = navController, startDestination = startDestination, modifier = Modifier.padding(paddingValues).fillMaxSize()){
                        // Screens
                    }
                }
            )
        }
    }
}

请问该问题有解决方法吗？还是需要等待依赖更新？

不需要等待依赖更新，以下几种方案可直接解决问题：

• 手动调整PaddingValues，移除状态栏顶部padding
  启用enableEdgeToEdge()后，Scaffold会自动将状态栏高度纳入paddingValues。若不需要顶部状态栏间距，可手动生成新的PaddingValues，仅保留底部导航栏的padding：

  content = { paddingValues ->
      val adjustedPadding = PaddingValues(
          start = paddingValues.start,
          top = 0.dp,
          end = paddingValues.end,
          bottom = paddingValues.bottom
      )
      NavHost(
          navController = navController,
          startDestination = startDestination,
          modifier = Modifier.padding(adjustedPadding).fillMaxSize()
      ){
          // Screens
      }
  }
  

• 通过contentWindowInsets自定义Insets范围
  使用Scaffold的contentWindowInsets参数，指定仅将底部导航栏的Insets纳入padding计算，忽略状态栏的Insets：

  Scaffold (
      bottomBar = {
          BottomNavBar(navController = navController)
      },
      contentWindowInsets = WindowInsets.navigationBars.only(WindowInsetsSides.Bottom),
      content = { paddingValues ->
          NavHost(
              navController = navController,
              startDestination = startDestination,
              modifier = Modifier.padding(paddingValues).fillMaxSize()
          ){
              // Screens
          }
      }
  )
  

• 让内容延伸至状态栏下方并适配文字可见性
  若希望内容顶到屏幕顶部（延伸至状态栏下方），同时保证状态栏文字清晰可读，可在enableEdgeToEdge()后配置状态栏图标颜色：

  override fun onCreate(savedInstanceState: Bundle?) {
      enableEdgeToEdge()
      // 根据主题设置状态栏图标为深色或浅色
      WindowCompat.getInsetsController(window, window.decorView).isAppearanceLightStatusBars = true
      super.onCreate(savedInstanceState)
  
      // 其余代码保持不变
  }
  

  搭配第一种方案中移除顶部padding的逻辑，即可让内容区域恢复原有大小，同时实现导航栏透明效果。

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