Проблема с позиционированием метки в BasicTextField при создании фокуса реактивного ранца ⇐ Android

[Anonymous]

Я столкнулся с проблемой с меткой в ​​BasicTextField в Jetpack Compose. Когда текстовое поле получает фокус (путем щелчка или касания), высота метки ведет себя странно и не изменяется или не перемещается правильно, пока я не начну вводить текст в поле.
MainActivity .kt

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

package com.example.baisctextfieldexample

import android.os.Bundle
import androidx.activity.ComponentActivity
import androidx.activity.compose.setContent
import androidx.activity.enableEdgeToEdge
import androidx.compose.foundation.interaction.MutableInteractionSource
import androidx.compose.foundation.layout.Column
import androidx.compose.foundation.layout.fillMaxSize
import androidx.compose.foundation.layout.fillMaxWidth
import androidx.compose.foundation.layout.height
import androidx.compose.foundation.layout.padding
import androidx.compose.foundation.text.BasicSecureTextField
import androidx.compose.foundation.text.BasicTextField
import androidx.compose.foundation.text.KeyboardOptions
import androidx.compose.foundation.text.input.TextFieldState
import androidx.compose.foundation.text.input.rememberTextFieldState
import androidx.compose.material3.ExperimentalMaterial3Api
import androidx.compose.material3.Text
import androidx.compose.material3.TextFieldDefaults
import androidx.compose.runtime.Composable
import androidx.compose.runtime.remember
import androidx.compose.ui.Modifier
import androidx.compose.ui.text.input.ImeAction
import androidx.compose.ui.text.input.KeyboardType
import androidx.compose.ui.text.input.VisualTransformation
import androidx.compose.ui.unit.dp
import com.example.baisctextfieldexample.ui.theme.BaiscTextFieldExampleTheme

class MainActivity : ComponentActivity() {

override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
enableEdgeToEdge()
setContent {
BaiscTextFieldExampleTheme {
val stateOne = rememberTextFieldState()
val stateOTwo = rememberTextFieldState()
BasicTextFieldExamples(stateOne, stateOTwo)
}
}
}

@OptIn(ExperimentalMaterial3Api::class)
@Composable
fun BasicTextFieldExamples(stateOne: TextFieldState, stateOTwo:  TextFieldState) {
Column(
Modifier
.fillMaxSize()
.padding(50.dp)
) {
BasicTextField(
state = stateOne,
modifier = Modifier
.fillMaxWidth()
.height(56.dp),
keyboardOptions = KeyboardOptions(
keyboardType = KeyboardType.Email,
imeAction = ImeAction.Next
),
decorator = {
TextFieldDefaults.DecorationBox(
value = stateOne.text.toString(),
innerTextField = it,
enabled = true,
singleLine = true,
visualTransformation = VisualTransformation.None,
label = {
Text("Username")
},
placeholder = {
Text("Username Placeholder")
},
interactionSource = remember { MutableInteractionSource() }
)
}
)
BasicSecureTextField(
state = stateOTwo,
modifier = Modifier
.fillMaxWidth()
.height(56.dp),
keyboardOptions = KeyboardOptions(keyboardType = KeyboardType.Password),
decorator = {
TextFieldDefaults.DecorationBox(
value = stateOTwo.text.toString(),
innerTextField = it,
enabled = true,
singleLine = true,
visualTransformation = VisualTransformation.None,
label = {
Text("Password")
},
placeholder = {
Text("Password Placeholder")
},
interactionSource = remember { MutableInteractionSource() }
)
}
)
}
}
}

Вы можете найти полную реализацию кода в моем репозитории GitHub
libs.versions.toml < Br />

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

[versions]
agp = "8.7.3"
kotlin = "2.1.0"
coreKtx = "1.15.0"
junit = "4.13.2"
junitVersion = "1.2.1"
espressoCore = "3.6.1"
lifecycleRuntimeKtx = "2.8.7"
activityCompose = "1.10.0"
composeBom = "2025.01.00"
material3Release = "1.4.0-alpha06"

[libraries]
androidx-core-ktx = { group = "androidx.core", name = "core-ktx", version.ref = "coreKtx" }
junit = { group = "junit", name = "junit", version.ref = "junit" }
androidx-junit = { group = "androidx.test.ext", name = "junit", version.ref = "junitVersion" }
androidx-espresso-core = { group = "androidx.test.espresso", name = "espresso-core", version.ref = "espressoCore" }
androidx-lifecycle-runtime-ktx = { group = "androidx.lifecycle", name = "lifecycle-runtime-ktx", version.ref = "lifecycleRuntimeKtx" }
androidx-activity-compose = { group = "androidx.activity", name = "activity-compose", version.ref = "activityCompose" }
androidx-compose-bom = { group = "androidx.compose", name = "compose-bom", version.ref = "composeBom" }
androidx-ui = { group = "androidx.compose.ui", name = "ui" }
androidx-ui-graphics = { group = "androidx.compose.ui", name = "ui-graphics" }
androidx-ui-tooling = { group = "androidx.compose.ui", name = "ui-tooling" }
androidx-ui-tooling-preview = { group = "androidx.compose.ui", name = "ui-tooling-preview" }
androidx-ui-test-manifest = { group = "androidx.compose.ui", name = "ui-test-manifest" }
androidx-ui-test-junit4 = { group = "androidx.compose.ui", name = "ui-test-junit4" }
androidx-material3 = { group = "androidx.compose.material3", name = "material3" }

[plugins]
android-application = { id = "com.android.application", version.ref = "agp"  }
kotlin-android = { id = "org.jetbrains.kotlin.android", version.ref = "kotlin" }
kotlin-compose = { id = "org.jetbrains.kotlin.plugin.compose", version.ref = "kotlin" }

Это ошибка с BasicTextfield , или есть обходной путь, чтобы исправить поведение метки, поэтому она правильно переходит на фокус, даже когда текст не введен?
Любое понимание или предложения были бы очень оценены! < /p>
Вы можете посмотреть проблему отсюда. < /p>

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