Android Compose BackdropScaffold展开时，FrontContent列表无法显示完整最后项

我的Android应用主页面使用了androidx.compose.material.BackdropScaffold，其frontLayerContent承载了一个条目列表。正常状态下一切运行正常，但当backdrop处于展开（Revealed）状态时，frontLayerContent列表无法向下滚动至完全显示最后一个列表项的全部内容。是否存在我遗漏的BackdropScaffold配置项，可实现backdrop展开时用户能滚动查看完整的最后一项？另外需要说明的是，BackdropScaffold并不具备sheetPeekHeight属性。

以下是BackdropScaffold的Composable函数定义：

@Composable
@ExperimentalMaterialApi
fun BackdropScaffold(
    appBar: @Composable () -> Unit,
    backLayerContent: @Composable () -> Unit,
    frontLayerContent: @Composable () -> Unit,
    modifier: Modifier = Modifier,
    scaffoldState: BackdropScaffoldState = rememberBackdropScaffoldState(Concealed),
    gesturesEnabled: Boolean = true,
    peekHeight: Dp = BackdropScaffoldDefaults.PeekHeight,
    headerHeight: Dp = BackdropScaffoldDefaults.HeaderHeight,
    persistentAppBar: Boolean = true,
    stickyFrontLayer: Boolean = true,
    backLayerBackgroundColor: Color = MaterialTheme.colors.primary,
    backLayerContentColor: Color = contentColorFor(backLayerBackgroundColor),
    frontLayerShape: Shape = BackdropScaffoldDefaults.frontLayerShape,
    frontLayerElevation: Dp = BackdropScaffoldDefaults.FrontLayerElevation,
    frontLayerBackgroundColor: Color = MaterialTheme.colors.surface,
    frontLayerContentColor: Color = contentColorFor(frontLayerBackgroundColor),
    frontLayerScrimColor: Color = BackdropScaffoldDefaults.frontLayerScrimColor,
    snackbarHost: @Composable (SnackbarHostState) -> Unit = { SnackbarHost(it) }
) {

1. 修改stickyFrontLayer参数 #

默认stickyFrontLayer = true，当backdrop展开时，frontLayer会被固定在backLayer的顶部边缘，导致其可滚动区域被截断。将该参数设为false后，frontLayer可以完全滚动至屏幕底部，不会被backLayer限制：

BackdropScaffold(
    // 其他必要参数
    stickyFrontLayer = false,
    frontLayerContent = {
        // 你的列表布局（如LazyColumn）
    }
)

注意：设置为false后，frontLayer会覆盖在backLayer之上，需确保交互逻辑符合产品需求。

2. 动态添加底部内边距 #

如果需要保留stickyFrontLayer = true的特性，可以根据BackdropScaffold的状态给列表动态添加底部padding。通过scaffoldState.isRevealed判断是否处于展开状态，计算合适的padding值（可根据实际布局调整）：

val scaffoldState = rememberBackdropScaffoldState(BackdropValue.Concealed)

BackdropScaffold(
    scaffoldState = scaffoldState,
    // 其他必要参数
    frontLayerContent = {
        val bottomPadding = if (scaffoldState.isRevealed) {
            // 示例值，根据backLayer展开后的高度调整
            160.dp
        } else {
            0.dp
        }
        LazyColumn(
            modifier = Modifier.padding(bottom = bottomPadding)
        ) {
            // 列表项内容
        }
    }
)

3. 检查peekHeight与headerHeight配置 #

如果peekHeight或headerHeight设置过大，会挤压frontLayer的可滚动空间。确认这两个参数的值是否符合布局需求，适当减小可为frontLayer留出更多显示区域。

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