禁用Material3 ModalBottomSheet的imePadding()以优化IME处理

在Material3的ModalBottomSheet实现中，官方代码在内部的Box组件上强制添加了.imePadding()，导致调用方无法按需控制IME（输入法）的适配行为：

fun ModalBottomSheet(modifier: Modifier = Modifier) {
    ...
    Box(
        modifier = Modifier
            .fillMaxSize()
            .imePadding() // 此处强制应用IME padding
    ) {
        ModalBottomSheetContent(modifier)
    }
...
}

虽然提供了contentWindowInsets参数调整窗口内边距，但无法覆盖这个强制添加的imePadding，使用consumeWindowInsets也因为弹窗是独立视图而难以生效。以下是几种更优雅的解决思路：

方案一：自定义可配置IME padding的ModalBottomSheet #

直接参考官方ModalBottomSheet的实现代码，复制后添加一个参数控制是否应用imePadding，完全掌握控制权：

@Composable
fun CustomModalBottomSheet(
    onDismissRequest: () -> Unit,
    modifier: Modifier = Modifier,
    sheetState: SheetState = rememberModalBottomSheetState(),
    shape: Shape = BottomSheetDefaults.ExpandedShape,
    containerColor: Color = BottomSheetDefaults.ContainerColor,
    contentColor: Color = contentColorFor(containerColor),
    tonalElevation: Dp = BottomSheetDefaults.Elevation,
    scrimColor: Color = BottomSheetDefaults.ScrimColor,
    dragHandle: @Composable (() -> Unit)? = { BottomSheetDefaults.DragHandle() },
    applyImePadding: Boolean = true, // 新增参数，默认保持原行为
    contentWindowInsets: WindowInsets = BottomSheetDefaults.windowInsets,
    content: @Composable () -> Unit
) {
    ModalBottomSheetLayout(
        sheetState = sheetState,
        sheetShape = shape,
        sheetContainerColor = containerColor,
        sheetContentColor = contentColor,
        sheetTonalElevation = tonalElevation,
        scrimColor = scrimColor,
        sheetDragHandle = dragHandle,
        sheetContent = {
            Box(
                modifier = modifier
                    .fillMaxSize()
                    .then(if (applyImePadding) Modifier.imePadding() else Modifier)
                    .windowInsetsPadding(contentWindowInsets)
            ) {
                content()
            }
        },
        onDismissRequest = onDismissRequest
    ) { /* 主内容区域留空，仅使用底部弹窗 */ }
}

调用时按需控制：

CustomModalBottomSheet(
    onDismissRequest = { /* 关闭逻辑 */ },
    applyImePadding = false // 禁用强制IME padding
) {
    // 你的弹窗内容，比如带输入框的表单
}

方案二：在内容中消耗IME Insets抵消强制padding #

在ModalBottomSheet的内容组件上添加consumeWindowInsets(WindowInsets.ime)，可以抵消上层Box中添加的imePadding，让内容不受IME弹出的影响：

ModalBottomSheet(onDismissRequest = { /* 关闭逻辑 */ }) {
    Column(
        modifier = Modifier
            .fillMaxSize()
            .consumeWindowInsets(WindowInsets.ime) // 消耗IME insets，阻止上层padding生效
    ) {
        TextField(value = "", onValueChange = {})
        // 其他内容
    }
}

方案三：手动控制IME显示与布局调整 #

通过WindowInsetsController直接控制IME的显示状态，结合IME可见性监听，动态调整内容布局，绕过弹窗的强制padding：

@Composable
fun ImeControlledBottomSheet() {
    val context = LocalContext.current
    val windowInsetsController = remember {
        (context as Activity).window.insetsController
    }
    val imeVisible = WindowInsets.ime.getVisibility(LocalDensity.current)

    LaunchedEffect(imeVisible) {
        // 根据IME可见性手动调整行为
        if (imeVisible) {
            // 例如：让输入框自动滚动到可视区域，而非依赖弹窗上移
            // 或直接控制IME显示逻辑
        }
    }

    ModalBottomSheet(onDismissRequest = { /* 关闭逻辑 */ }) {
        // 内容布局，可根据imeVisible动态调整padding
        Column(
            modifier = Modifier
                .padding(bottom = if (imeVisible) 0.dp else 16.dp)
        ) {
            TextField(value = "", onValueChange = {})
        }
    }
}

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