Jetpack Compose中Scaffold组件的PaddingValues参数作用是什么？

Scaffold 传入内容区域的innerPadding是框架自动计算的边距值，核心作用是让你在Scaffold内部放置的内容自动避开Scaffold已经占用的区域，避免内容被遮挡。它的数值会跟随Scaffold的配置动态变化：

• 配置了topBar属性时，innerPadding的top值等于顶部栏的高度
• 配置了bottomBar属性时，innerPadding的bottom值等于底部栏的高度
• 开启沉浸式边距适配时，还会自动叠加系统状态栏、导航栏的安全边距，无需手动计算窗口Insets

移除参数无视觉差异的原因 #

你当前测试场景下没有观察到差异，是因为BodyContent的内容没有延伸到TopAppBar的覆盖范围。你可以使用下方测试代码直观看到区别：

@Composable
fun LayoutsCodelab() {
    Scaffold(
        topBar = {
            TopAppBar(
                title = { Text(text = "LayoutsCodelab") }
            )
        }
    ) { innerPadding ->
        Column(
            modifier = Modifier
                // 分别注释/放开该行代码即可观察差异
                .padding(innerPadding)
                .fillMaxSize()
                .verticalScroll(rememberScrollState())
        ) {
            repeat(50) {
                Text(text = "测试列表项 $it", fontSize = 22.sp)
            }
        }
    }
}

• 不加padding(innerPadding)时，列表的第一项会被顶部的TopAppBar遮挡
• 加上padding(innerPadding)时，列表会自动向下偏移顶部栏的高度，第一项可完整显示

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