Hi guys, how would I make my error text sit on top...

# compose

[Eko Prasetyo]

Hi guys, how would I make my error text sit on top of my soft keyboard when there is an error in currently focused text field?

[ste]

simplescreenrecorder5.mp4

[ste]

val focusManager = LocalFocusManager.current

var textInput by remember {
    mutableStateOf("")
}

val focusRequester = remember {
    FocusRequester()
}

BasicTextField(
    value = textInput,
    onValueChange = { textInput = it },
    decorationBox = { innerTextField ->
        Column {
            innerTextField()
            if (textInput == "lol") {
                BasicText(text = "no, you can't do that")

                LaunchedEffect(Unit) {
                    focusManager.clearFocus()
                    focusRequester.requestFocus()
                }
            }
        }
    },
    modifier = Modifier
        .focusRequester(focusRequester)
)

[ste]

Notice the thing you want to get focused must be inside the decorationBox and the focus needs to be cleared and request again

[Eko Prasetyo]

@ste Thank you so much!

[tad]

I think an alternative is Modifier.focusGroup on a Composable containing both the text field and error text

[Eko Prasetyo]

@tad Thanks you! I just know that modifier, I'll look into it.