Stupid basic question but … is it possible anyhow to change cursor color of basic text field?

# compose

[Jasmin Fajkic]

Stupid basic question but … is it possible anyhow to change cursor color of basic text field?

[Chris Sinco [G]]

Yes, there’s a colors parameter that allows you to change several colors of the component

[Chris Sinco [G]]

https://developer.android.com/reference/kotlin/androidx/compose/material/TextFieldColors

[Jasmin Fajkic]

BasicTextField(
        value = value,
        onValueChange = onChangeText,
        modifier = modifier.then(
            Modifier
                .fillMaxWidth()
                .background(
                    if (isFocused.value) Style.colors.inputActive else Style.colors.inputIdle
                )
                .onFocusChanged {
                    isFocused.value = it.isFocused
                }
        ),
        interactionSource = interactionSource,
        enabled = true,
        singleLine = singleLine,
        textStyle = textStyle,
    ) {
        TextFieldDefaults.TextFieldDecorationBox(
            value = value,
            innerTextField = it,
            singleLine = singleLine,
            visualTransformation = visualTransformation,
            interactionSource = interactionSource,
            leadingIcon = leadingIcon,
            enabled = true,
            trailingIcon = trailingIcon,
            colors = TextFieldDefaults.textFieldColors(
                containerColor = if (isFocused.value) Style.colors.inputActive else Style.colors.inputIdle,
                cursorColor = Style.colors.textLink,
                focusedIndicatorColor = Color.Transparent,
                unfocusedIndicatorColor = Color.Transparent,
            ),
            contentPadding = contentPaddingValues,
            placeholder = placeholder,
        )
    }
}

[Jasmin Fajkic]

have this and it just does not work 😞

[Chris Sinco [G]]

Oh I see - hmm that should in theory work on BasicTextField

[Jasmin Fajkic]

This does not change cursor color at all so that is why i am completely confused

[Chris Sinco [G]]

Yeah looking through the implementation it’s not immediately clear how the cursorBrush parameter on BasicTextField intersects with TextFieldColors on the inner decoration box. I assume you’ve tried changing cursorBrush on BasicTextField already?

[Chris Sinco [G]]

cc @Zach Klippenstein (he/him) [MOD]

[Zach Klippenstein (he/him) [MOD]]

Cc @Halil Ozercan

[Siyamed]

Can you please check this demo code to see if what you are looking for is in there?

https://cs.android.com/androidx/platform/frameworks/support/+/androidx-main:compose/foundation/foundation/integration-tests/foundation-demos/src/main/java/androidx/compose/foundation/demos/text/TextFieldCursorBlinkingDemo.kt

[Siyamed]

In BasicTextField it is a param named cursorBrush

[Siyamed]

This is how it is set in TextField

[Siyamed]

https://cs.android.com/androidx/platform/frameworks/support/+/androidx-main:compose/material3/material3/src/commonMain/kotlin/androidx/compose/material3/TextField.kt;l=199?q=TextField.kt

[Siyamed]

In general i think code search might help a lot, and might be easier to understand than the documentation for engineers :)

[Ale Stamato]

Another e.g..:

here▾

we’re using BasicTextField’s cursorBrush param with a gradient brush

[Jasmin Fajkic]

Thx guys a lot this works.