在顶部添加标题并在右侧添加关闭按钮以关闭 android 中的 ModalBottomSheet jetpackcompose

Question

这是代码

ModalBottomSheet(
    onDismissRequest = onDismiss,
    windowInsets = WindowInsets.ime,
    dragHandle = { BottomSheetDefaults.DragHandle() },
    containerColor = Color.White,
    content = {
        // myContent
    }
)

Answer 1

您可以将任何您想要的可组合项放入

content

插槽中。如果你想在右上角显示关闭按钮，可以尝试以下代码：

content = {

    Column(
        modifier = Modifier.fillMaxWidth(),
        horizontalAlignment = Alignment.Start,
        verticalArrangement = Arrangement.spacedBy(4.dp)
    ) {
        Row(
            modifier = Modifier.fillMaxWidth(),
            horizontalArrangement = Arrangement.SpaceBetween,
            verticalAlignment = Alignment.CenterVertically
        ) {
            Text(text = "Title of ModalBottomSheet")
            IconButton(onClick = { onDismiss() }) {
                Icon(asset = Icons.Filled.Close)
            }
        }
    }

}