在 jetpack compose 中，键盘出现在 BottomSheetModal 后面而不是上面

Question

我正在使用 Material 3 库的 ModalBottomSheet，当我想在 OutlinedTextField 中输入内容时，我注意到一个奇怪的行为。这是一个我无法操纵的奇怪问题。

        Column(
        modifier = Modifier.fillMaxSize(),
        horizontalAlignment = Alignment.CenterHorizontally,
        verticalArrangement = Arrangement.Center
    ) {
        Row(
            Modifier.toggleable(
                value = skipHalfExpanded,
                role = Role.Checkbox,
                onValueChange = { checked -> skipHalfExpanded = checked }
            )
        ) {
            Checkbox(checked = skipHalfExpanded, onCheckedChange = null)
            Spacer(Modifier.width(16.dp))
            Text("Skip Half Expanded State")
        }
        Button(onClick = { openBottomSheet = !openBottomSheet }) {
            Text(text = "Show Bottom Sheet")
        }
    }

// Sheet content
    if (openBottomSheet) {
        ModalBottomSheet(
            onDismissRequest = { openBottomSheet = false },
            sheetState = bottomSheetState,
        ) {
            Row(Modifier.fillMaxWidth(), horizontalArrangement = Arrangement.Center) {
                Button(
                    // Note: If you provide logic outside of onDismissRequest to remove the sheet,
                    // you must additionally handle intended state cleanup, if any.
                    onClick = {
                        scope.launch { bottomSheetState.hide() }.invokeOnCompletion {
                            if (!bottomSheetState.isVisible) {
                                openBottomSheet = false
                            }
                        }
                    }
                ) {
                    Text("Hide Bottom Sheet")
                }
            }
            InputTextField()
        }
    }

任何解决方案将不胜感激。

更新！！！！谷歌问题跟踪网站上有一份现有报告。

https://issuetracker.google.com/issues/268380384?pli=1

Answer 1

我还没有在Material3中这样做过；但是如果您重新安排您的实现，使其看起来更像这样，会发生什么？

ModalBottomSheetLayout(
    sheetState = sheetState,
    sheetContent = { YourBottomSheet() }
) {
    YourPrimaryScreen()
}