How to auto request focus to a text field when navigated to a composable in jetpack compose

Question

I want the keyboard to pop up by an auto requesting focus on a text field in jetpack compose when the user navigates to a composable. As of now, this is what I have tried but it doesn't seem to work

val feedbackContent = remember { mutableStateOf(TextFieldValue()) }
val focusRequester = remember { FocusRequester() }

OutlinedTextField(
    modifier = Modifier
        .clickable {
             focusRequester.requestFocus()
        }
        .fillMaxWidth()
        .focusRequester(focusRequester)
        .focusable()
)

Answer 1

You can use something like:

val focusRequester = remember { FocusRequester() }
val keyboardController = LocalSoftwareKeyboardController.current

OutlinedTextField(
    value = text,
    onValueChange = { text = it},
    modifier = Modifier
        .fillMaxWidth()
        .focusRequester(focusRequester)
        .onFocusChanged {
            if (it.isFocused) {
                keyboardController?.show()
            }
        }
)

LaunchedEffect(Unit) {
    focusRequester.requestFocus()
}

Answer 2

I believe you can try this (I tested this, and it works):

val focusRequester = remember { FocusRequester() }
val keyboardController = LocalSoftwareKeyboardController.current

LaunchedEffect(Unit) {
    focusRequester.requestFocus()
}

OutlinedTextField(
    value = text,
    onValueChange = { text = it },
    modifier = Modifier
        .fillMaxWidth()
        .focusRequester(focusRequester)
)