is there a way to use a combination of regular Tex...

# compose

[Michal Klimczak]

is there a way to use a combination of regular TextField parameters to achieve the following: I need a screen with a single textfield which is going to be filled with a custom on-screen keyboard - no standard system ime. The problem is that I want a blinking cursor inside the textfield.

readOnly would work great, however there is no blinking cursor since it's not really focused. Do i need to create a custom cursor for that?

[Alexander Maryanovsky]

You can have the textfield be focused, and capture the events from its parent with Modifier.onPreviewKeyEvent

[Michal Klimczak]

In case anyone finds this in the future, here's what I used (with coments)

Column {

        //hide the selection control (the little drop that let's user reposition the cursor)
        val customTextSelectionColors = TextSelectionColors(
            handleColor = Color.Transparent,
            backgroundColor = Color.Transparent
        )

        CompositionLocalProvider(
            LocalTextInputService provides null, //don't show keyboard
            LocalTextSelectionColors provides customTextSelectionColors
        ) {

            var phoneNumber by remember { mutableStateOf(TextFieldValue("")) }

            //request focus upon entering screen
            val focusRequester = remember { FocusRequester() }
            LaunchedEffect(Unit) {
                focusRequester.requestFocus()
            }

            BasicTextField(
                modifier = Modifier.background(Color.LightGray).focusRequester(focusRequester),
                value = phoneNumber,
                onValueChange = { },
            )

            Button(onClick = {
                val newText = phoneNumber.text + "1"
                phoneNumber = TextFieldValue(newText, TextRange(newText.length)) //use TextField so that the cursor position is updated along with the text
            }) {
                Text(text = "1")
            }
            Button(onClick = {
                val newText = phoneNumber.text.substring(0, max(phoneNumber.text.length - 1, 0))
                phoneNumber = TextFieldValue(newText, TextRange(newText.length))
            }) {
                Text(text = "<")
            }
        }
    }

[Alexander Maryanovsky]

Ah, wait, you just need your keyboard to not be focusable at all.

[Michal Klimczak]

yeah, pasted the solution at the same time you wrote 🙂

[Alexander Maryanovsky]

Use

Modifier.focusProperties { 
        canFocus = true
    }

[Alexander Maryanovsky]

on the button