Bottom Sheet not being shown if hiding keyboard

Question

If my keyboard is opened, then on clicking of button if i try to hide my keyboard and change sheetState to show() then my keyboard hides but my sheet is not visible.

Mimicing opening of sheetState on result from api call.

Note - Sheet is shown for first time only

setContent {
        val sheetState = rememberModalBottomSheetState(ModalBottomSheetValue.Hidden)
        val key = LocalSoftwareKeyboardController.current
        ModalBottomSheetLayout(
            sheetState = sheetState,
            sheetContent = {
                repeat(20) {
                    Text(text = "$it")
                }
            }
        ) {
            Column {
                var otpResponse by remember { mutableStateOf<Boolean?>(null) }
                if (otpResponse == false) {
                    LaunchedEffect(key1 = Unit, block = {
                        delay(180)
                        otpResponse = true
                    })
                }
                if (otpResponse == true) {
                    LaunchedEffect(key1 = Unit, block = {
                        sheetState.show()
                    })
                }
                Column {
                    var string by remember { mutableStateOf("") }
                    TextField(value = string, onValueChange = { string = it })
                    Button(onClick = {
                        key?.hide()
                        otpResponse = false
                    }) {
                        Text(text = "TEST")
                    }
                }
            }
        }
    }

Answer 1

I have modified your code have look which is working without delay

    @OptIn(ExperimentalMaterialApi::class, ExperimentalComposeUiApi::class)
@Preview(showBackground = true)
@Composable
fun DefaultPreview(){
    val sheetState = rememberModalBottomSheetState(ModalBottomSheetValue.Hidden)
    val key = LocalSoftwareKeyboardController.current
    val scope = rememberCoroutineScope()
    ModalBottomSheetLayout(
        sheetState = sheetState,
        sheetContent = {
            repeat(20) {
                Text(text = "$it")
            }
        }
    ) {
        Column {
            Column {
                var string by remember { mutableStateOf("") }
                TextField(value = string, onValueChange = { string = it })
                Button(onClick = {
                    key?.hide()
                    scope.launch{
                        sheetState.show()
                    }
                }) {
                    Text(text = "TEST")
                }
            }
        }
    }
}

thanks for my colleague to fix this