Как использовать визуальное преобразование в создании реактивного ранца Basictextfield ⇐ Android

[Anonymous]

Я хочу применить визуальное преобразование к BasicTextField в Jetpack Compose. Я попробовал некоторый код, но столкнулся с несколькими проблемами. Например, курсор не остается в правильном положении, а при нажатии клавиши Backspace курсор перемещается не в то место.
Мне нужно, чтобы BasicTextField всегда отображал определенную строку (например, , «ABC-»), которые нельзя удалить даже с помощью Backspace или четких действий. Кроме того, я хочу ограничить ввод и применить маскирование для форматирования текста следующим образом: «ABC-1234-2345-6366».
Может ли кто-нибудь помочь мне правильно это реализовать?
@Preview(showBackground = true)
@Composable
private fun SampleTextFieldView() {
var textFieldValue by remember { mutableStateOf(TextFieldValue("ABC-")) }
BasicFieldView(
textFieldValue,
onValueChange = { onValueChange ->
val digitOnly = onValueChange.text.filter { it.isDigit() }
val formattedString = buildString {
append("Abc-")
digitOnly.forEachIndexed { index, digit ->
if (index % 4 == 0 && index !=0 ){
append("-")
}
append(digit)
}
}
textFieldValue = onValueChange.copy(formattedString)
}
)
}

@Composable
fun BasicFieldView(
textFieldValue: TextFieldValue,
onValueChange: (TextFieldValue) -> Unit,
) {
Column(
modifier = Modifier.fillMaxSize()
) {
BasicTextField(
modifier = Modifier.fillMaxWidth(),
value = textFieldValue,
onValueChange = {
onValueChange(it)
},
)
}
}


Подробнее здесь: https://stackoverflow.com/questions/793 ... ck-compose