Android Jetpack Compose 模态底表错误

问：

我正在尝试在 Jetpack Compose 中实现一个简单的底部表模式，其中包含文本和文本字段。一切看起来都很好，直到我按下文本字段并出现键盘。问题是底部的表模态被推到高处。似乎它得到了键盘高度的两倍的底部边距。

代码如下：

 var showBottomSheet by remember { mutableStateOf(false) }

 if (showBottomSheet) {
        ModalBottomSheet(
            onDismissRequest = { showBottomSheet = false },
            windowInsets = WindowInsets.ime,
            dragHandle = { BottomSheetDefaults.DragHandle() },
        ) {
            CollectionFormPage()
        }
    }

这是模态内容的代码

@Composable
fun CollectionFormPage(
  collectionFormViewModel: CollectionFormViewModel = hiltViewModel(),
) {

    val state = collectionFormViewModel.state.collectAsState()

    Surface(
        modifier = Modifier
            .padding(start = 16.dp, end = 16.dp, bottom = 16.dp)
    ) {
        Column {
            Text(
                "Test", style = MaterialTheme.typography.titleMedium.copy(
                    color = MaterialTheme.colorScheme.onSurface
                )
            )
            TextField(
                modifier = Modifier.fillMaxWidth(),
                value = state.value.label,
                onValueChange = {
                    //TODO
                })
        }
    }
}