Android Jetpack Compose中BasicTextField光标手柄颜色无法同步问题咨询

这不是设置错误，也不是Bug，属于Compose的默认设计行为：TextFieldDefaults.textFieldColors中的cursorColor仅控制竖线光标的颜色，而光标手柄（文本选择手柄）的颜色默认继承自当前主题的colorPrimary，并不会自动跟随cursorColor同步。

解决方案 #

有两种方式可以让光标手柄颜色与光标颜色一致：

1. 单独为BasicTextField配置选择颜色

在BasicTextField参数中添加selectionColors，自定义手柄颜色：

BasicTextField(
    value = text,
    onValueChange = { text = it },
    // 配置选择相关颜色，手柄颜色与cursorColor保持一致
    selectionColors = SelectionColors(
        handleColor = colorResource(id = R.color.secondary),
        // 可选：设置文本选中背景色，这里用光标颜色的半透明效果
        backgroundColor = colorResource(id = R.color.secondary).copy(alpha = 0.2f)
    ),
    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),
    )
)

2. 修改全局主题统一配置

如果希望所有输入框的光标手柄颜色都统一为目标颜色，可以修改Material主题的primary颜色：

MaterialTheme(
    colors = lightColors(
        primary = colorResource(id = R.color.secondary),
        // 保留其他主题颜色配置
    )
) {
    // 应用布局内容
}

内容的提问来源于stack exchange，提问作者TRose