У меня есть поле BasicTextField в Jetpack Compose. когда я печатаю слово, отображается список предлагаемых слов. когда я выбираю каждый сайт, мне нужно заменить выбранное слово незавершенным словом. Моя проблема связана с позицией курсора. если я напишу слово с двумя символами и нажму на слово с четырьмя символами, курсор останется после символа номер два и не переместится к последнему символу нового слова. как мне с этим справиться?
Примечание. Если это поможет ответить, я преобразую слова TextField в список строк и сохраняю последний отредактированный элемент списка в UiStateМой компонент TextField:
@OptIn(ExperimentalMaterial3Api::class)
@Composable
fun DescriptionTextField(
modifier: Modifier = Modifier,
hint: String,
hintStyle: TextStyle = Typography.Regular22,
textStyle: TextStyle = Typography.Regular22,
hashtagMentionWordStyle: TextStyle = textStyle,
value: String,
onValueChange: (String) -> Unit,
caption: List?,
focusRequester: FocusRequester = remember { FocusRequester() },
) {
val textFieldValueState by remember(value) {
mutableStateOf(
TextFieldValue(
text = value
)
)
}
Box(
modifier = modifier
.padding(horizontal = 8.dp)
.defaultMinSize(minHeight = 48.dp)
.height(IntrinsicSize.Min)
.background(color = Color.Transparent)
) {
if (textFieldValueState.text.isEmpty()) {
Text(
text = hint,
style = hintStyle,
color = white,
modifier = Modifier.align(Alignment.CenterStart)
)
} else {
val annotatedString = findHashtagAndMention(caption, hashtagMentionWordStyle)
Text(
text = annotatedString,
style = textStyle,
color = white,
modifier = Modifier.align(Alignment.CenterStart)
)
}
BasicTextField(
value = value,
onValueChange = onValueChange,
textStyle = textStyle.copy(color = Color.Transparent),
cursorBrush = SolidColor(green),
modifier = Modifier
.fillMaxWidth()
.background(color = Color.Transparent)
.padding(0.dp)
.align(Alignment.CenterStart)
)
}
}
@Composable
private fun findHashtagAndMention(
displayedCaption: List?,
hashtagMentionWordStyle: TextStyle
): AnnotatedString {
val annotatedString = buildAnnotatedString {
displayedCaption?.forEachIndexed { index, part ->
if (part.type == ActionableTextType.TAG || part.type == ActionableTextType.PERSON) {
withStyle(style = SpanStyle(color = hashtagMentionWordStyle.color)) {
append(part.value)
}
} else {
append(part.value)
}
if (index != displayedCaption.size - 1) {
append(" ")
}
}
}
return annotatedString
}
и использование:
DescriptionTextField(
modifier = Modifier
.padding(PaddingValues(horizontal = 16.dp))
.heightIn(max = 200.dp),
hint = stringResource(id = R.string.core_ui_say_some_thing),
value = uiState.caption?.list?.joinToString(separator = " ") {
it.value
} ?: "",
hashtagMentionWordStyle = textStyle.copy(color = green),
caption = uiState.caption?.list,
onValueChange = {
onIntent(EnterPostDescriptionIntent.OnCaptionChange(it))
},
)
Подробнее здесь: https://stackoverflow.com/questions/788 ... ck-compose
Переместите курсор BasicTextField на определенное слово в создании реактивного ранца. ⇐ Android
-
- Похожие темы
- Ответы
- Просмотры
- Последнее сообщение
-
-
Переместите курсор BasicTextField на определенное слово в создании реактивного ранца.
Anonymous » » в форуме Android - 0 Ответы
- 18 Просмотры
-
Последнее сообщение Anonymous
-
-
-
Как использовать визуальное преобразование в создании реактивного ранца Basictextfield
Anonymous » » в форуме Android - 0 Ответы
- 18 Просмотры
-
Последнее сообщение Anonymous
-
-
-
Проблема с позиционированием метки в BasicTextField при создании фокуса реактивного ранца
Anonymous » » в форуме Android - 0 Ответы
- 10 Просмотры
-
Последнее сообщение Anonymous
-