BasicTextField2: заполнитель с плавающей меткой. Создание реактивного ранца. ⇐ Android

[Anonymous]

Я пытаюсь добиться эффекта плавающей метки с помощью BasicTextField2 в Jetpack Compose. Моя цель — создать заполнитель, который:
Изначально отображается внутри текстового поля, когда оно пустое.
Переходит на метку меньшего размера над текстовым полем, когда пользователь начинает вводить текст.Это должно имитировать поведение стандартного компонента TextField с меткой.
Вот мой текущий код BasicTextField2:

Код: Выделить всё

@Composable
fun MyTextField() {
var text by remember { TextFieldState("") }

BasicTextField2(
state = registerState.email.text,
lineLimits = TextFieldLineLimits.SingleLine,
keyboardOptions = KeyboardOptions(
keyboardType = KeyboardType.Email
),
modifier = Modifier
.fillMaxWidth()
.border(1.dp, Color(0xFFF7E6E9), RoundedCornerShape(8.dp))
)
}

Как реализовать этот эффект плавающего заполнителя/метки в BasicTextField2?
Ожидаемый результат

• Без фокуса Поле ввода
  [img]https:/ /i.sstatic.net/A6LUk08J.png[/img]
• С полем ввода фокуса
  

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