Android Jetpack Compose：如何为(Lazy)Column加底部Padding避免被FAB遮挡？

在Jetpack Compose中，借助Scaffold自带的内边距计算能力，完全可以让(Lazy)Column动态适配FAB的位置，不需要手动计算FAB高度来加padding。

核心解决方案 #

Scaffold的content参数会自动传入一个PaddingValues对象，这个值已经包含了适配FAB、底部导航栏等组件所需的间距，直接将其应用到(Lazy)Column即可：

针对LazyColumn的示例

Scaffold(
    floatingActionButton = {
        FloatingActionButton(onClick = { /* 处理点击 */ }) {
            Icon(Icons.Filled.Add, contentDescription = "添加")
        }
    }
) { innerPadding ->
    LazyColumn(
        // 直接使用Scaffold提供的内边距，全方位适配系统组件
        contentPadding = innerPadding,
        verticalArrangement = Arrangement.spacedBy(8.dp)
    ) {
        items(100) { idx ->
            Text(
                text = "列表条目 $idx",
                modifier = Modifier
                    .fillMaxWidth()
                    .padding(horizontal = 16.dp)
            )
        }
    }
}

如果只需要单独处理底部间距（比如顶部已经自己加了padding），可以单独提取底部值：

LazyColumn(
    contentPadding = PaddingValues(bottom = innerPadding.calculateBottomPadding())
) {
    // 列表内容
}

针对普通Column的示例

普通Column同样可以复用这个内边距：

Scaffold(
    floatingActionButton = {
        FloatingActionButton(onClick = { /* 处理点击 */ }) {
            Icon(Icons.Filled.Add, contentDescription = "添加")
        }
    }
) { innerPadding ->
    Column(
        modifier = Modifier
            .fillMaxSize()
            .padding(innerPadding),
        verticalArrangement = Arrangement.spacedBy(8.dp)
    ) {
        // 列内容
    }
}

原理说明 #

innerPadding是Scaffold根据自身配置（FAB位置、系统状态栏/导航栏高度等）动态计算出的安全内边距，它会自动保证内容不会被Scaffold内部的组件（比如FAB）或系统UI遮挡，完全不需要手动硬编码高度值。

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