在 Jetpack compose 中删除键盘和 ModalBottomSheetLayout

Question

在 BottomSheet 外部单击后，BottomSheet 将被隐藏，但键盘仍保持不变。 我想在 ModalBottomSheetLayout 中隐藏 BottomSheet 后立即删除键盘

单击撰写键盘中的文本弹出< /a> 点击底部工作表外部后，底部工作表消失，但键盘仍然存在

val state = rememberModalBottomSheetState(ModalBottomSheetValue.Hidden)
val scope = rememberCoroutineScope()
ModalBottomSheetLayout(
    sheetContent = {
        Column {
            var text by remember { mutableStateOf("") }
            OutlinedTextField(
                value = text,
                label = { Text("Text") },
                onValueChange = { text = it }
            )
            var text1 by remember { mutableStateOf("") }
            OutlinedTextField(
                value = text1,
                label = { Text("Text1") },
                onValueChange = { text1 = it }
            )
            OutlinedButton(
                onClick = { click() },
            ) { Text(text = "SUBMIT") }
        }
    },
    sheetState = state,
    content = {
        Greeting(state = state, scope = scope)
    }
)

Answer 1

您可以尝试在 ModalBottomSheet 隐藏时隐藏键盘：

val keyboard = LocalSoftwareKeyboardController.current
val sheetState = rememberModalBottomSheetState(
    initialValue = ModalBottomSheetValue.Hidden,
    confirmStateChange = {
    if (it == ModalBottomSheetValue.Hidden) {
       keyboard?.hide()
    }
    true
})
ModalBottomSheetLayout(
    sheetBackgroundColor = TinderTheme.colors.transparent,
    sheetState = sheetState,
...
)

Answer 2

您需要为文本字段添加键盘选项和操作。键盘选项设置键盘类型和键盘上的操作。您传递 lambda 的 onAction 来隐藏底部工作表并清除焦点：

val sheetState = rememberModalBottomSheetState(
    skipHalfExpanded = true,
    initialValue = ModalBottomSheetValue.Hidden
)
val focusRequester = remember { FocusRequester() }

OutlinedTextField(
    value = text,
    label = { Text("Text") },
    onValueChange = { text = it },
    keyboardOptions = KeyboardOptions(
        keyboardType = KeyboardType.Number,
        imeAction = ImeAction.Done
    ),
    keyboardActions = KeyboardActions(
        onDone = {
            coroutineScope.launch {
                focusRequester.freeFocus()
                sheetState.hide()
            }
        }
    )
)