Android Jetpack Compose cannot change BasicTextField cursor thumb color

Question

Currently I'm working with android jetpack compose BasicTextField. And when I change cursor color, I expect the cursor handle to be changed with the same color as well. But it turns out with a different color. Is this a bug or I did set something wrong?

Here is what I have set

colors = TextFieldDefaults.textFieldColors(
    backgroundColor = Color.Transparent,
    focusedIndicatorColor = colorResource(id = R.color.accent),
    unfocusedIndicatorColor = colorResource(id = R.color.lightest_grey),
    focusedLabelColor = colorResource(id = R.color.secondary_20),
    unfocusedLabelColor = colorResource(id = R.color.light_grey),
    textColor = colorResource(id = R.color.secondary),
    cursorColor = colorResource(id = R.color.secondary),
  )

Gabriele Mariotti · Accepted Answer · 2023-06-15 09:06:53Z

43

You have to provide a custom TextSelectionColors.

Something like:

val customTextSelectionColors = TextSelectionColors(
    handleColor = Green,
    backgroundColor = Red
)

CompositionLocalProvider(LocalTextSelectionColors provides customTextSelectionColors) {
    BasicTextField(
        value = text,
        onValueChange = {text = it},
        cursorBrush = SolidColor(Black)
    )
}

edited Jun 15, 2023 at 9:06

answered Jun 15, 2023 at 8:08

Gabriele Mariotti

370k114 gold badges1k silver badges935 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

rosu alin Over a year ago

This works fine for light mode, but for some reason , the handles and text cursor is not visible on darkmode, any idea why?

deved roy · Accepted Answer · 2024-12-11 06:55:42Z

2

CompositionLocalProvider(
    LocalTextSelectionColors provides TextSelectionColors(
        handleColor = /*your custom color*/,
        backgroundColor = /*your custom color*/
    )
) {
//your composable
}

answered Dec 11, 2024 at 6:55

deved roy

211 bronze badge

Collectives™ on Stack Overflow

Android Jetpack Compose cannot change BasicTextField cursor thumb color

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related