如何在BottomSheetScaffold中随BottomSheet动态调整内容高度

我希望在BottomSheetScaffold中，让内容区域的高度随BottomSheet的展开/收起动态变化——底部面板收起时内容高度较高，展开时内容高度较低。

目前我的实现代码如下：

val bottomSheetState = rememberBottomSheetState(initialValue =BottomSheetValue.Expanded )

val bottomSheetScaffoldState= rememberBottomSheetScaffoldState(
        bottomSheetState = bottomSheetState)

val heightPixels= LocalContext.current.resources.displayMetrics.heightPixels

BottomSheetScaffold(
modifier = Modifier.fillMaxSize()
sheetPeekHeight = 68.dp,
scaffoldState = bottomSheetScaffoldState,
sheetContent = {
    /*
    sheet content
     */
}) {
    Box(modifier = Modifier
        .fillMaxWidth()
        .fillMaxHeight(((bottomSheetState.offset.value)
                / (heightPixels)).let { if (it == 0f) 1f else it })
    ) {
        /*
        content
         */
    }
}

但这个实现存在两个问题：

• 依赖系统像素高度，适配不同设备时容易出现偏差
• 每次BottomSheet高度变化时，承载内容的Box都会发生重组

内容的提问来源于stack exchange，提问作者Eray Agdoğan