Я строю экран в JetPack Compose, где я хочу, чтобы BasicTextField был «активным», как только нагружает экран. Под «Active» я имею в виду, что этикетка должна оживить вверх (точно так же, как это происходит, когда сфокусировано поле), и должен быть виден Заполнитель . Тем не менее, я не хочу, чтобы мигающий курсор появился, пока пользователь фактически не будет взаимодействовать с BasicTextField .
В настоящее время моя реализация автоматически фокусирует BasicTextfield при запуске с использованием FocusRequester < /code>, но этот подход также немедленно поднимает курсор, что не является желаемым поведением. < /p>
Вот упрощенная версия моего текущего кода: < /p>
mainActivity.kt
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.BasicTextField
import androidx.compose.foundation.text.input.TextFieldLineLimits
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.unit.dp
class MainActivity : ComponentActivity() {
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
enableEdgeToEdge()
setContent {
val stateOne = rememberTextFieldState(initialText = "Hellow")
val stateTwo = rememberTextFieldState()
BasicTextFieldExamples(
stateOne,
remember { MutableInteractionSource() },
stateTwo,
remember { MutableInteractionSource() },
)
}
}
@OptIn(ExperimentalMaterial3Api::class)
@Composable
fun BasicTextFieldExamples(
stateOne: TextFieldState,
firstInteractionSource: MutableInteractionSource,
stateOTwo: TextFieldState,
secondInteractionSource: MutableInteractionSource,
) {
Column(
Modifier
.fillMaxSize()
.padding(50.dp)
) {
BasicTextField(
state = stateOne,
modifier = Modifier
.fillMaxWidth()
.height(56.dp),
readOnly = true,
interactionSource = firstInteractionSource,
decorator = TextFieldDefaults.decorator(
state = stateOne,
enabled = true,
label = {
Text("First Name")
},
placeholder = {
Text("Example 1")
},
lineLimits = TextFieldLineLimits.Default,
interactionSource = firstInteractionSource,
outputTransformation = null
)
)
BasicTextField(
state = stateOTwo,
modifier = Modifier
.fillMaxWidth()
.height(56.dp),
interactionSource = secondInteractionSource,
decorator = TextFieldDefaults.decorator(
state = stateOTwo,
enabled = true,
label = {
Text("Last Name")
},
placeholder = {
Text("Example 2")
},
lineLimits = TextFieldLineLimits.Default,
interactionSource = secondInteractionSource,
outputTransformation = null
)
)
}
}
}
Подробнее здесь: https://stackoverflow.com/questions/794 ... ck-compose
Auto-Focus basicTextField без курсора JetPack Compose ⇐ Android
Форум для тех, кто программирует под Android
-
Anonymous
1739249025
Anonymous
Я строю экран в JetPack Compose, где я хочу, чтобы BasicTextField был «активным», как только нагружает экран. Под «Active» я имею в виду, что этикетка [b] [/b] должна оживить вверх (точно так же, как это происходит, когда сфокусировано поле), и должен быть виден [b] Заполнитель [/b]. Тем не менее, я не хочу, чтобы мигающий курсор появился, пока пользователь фактически не будет взаимодействовать с BasicTextField .
В настоящее время моя реализация автоматически фокусирует BasicTextfield при запуске с использованием FocusRequester < /code>, но этот подход также немедленно поднимает курсор, что не является желаемым поведением. < /p>
Вот упрощенная версия моего текущего кода: < /p>
[b] mainActivity.kt [/b]
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.BasicTextField
import androidx.compose.foundation.text.input.TextFieldLineLimits
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.unit.dp
class MainActivity : ComponentActivity() {
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
enableEdgeToEdge()
setContent {
val stateOne = rememberTextFieldState(initialText = "Hellow")
val stateTwo = rememberTextFieldState()
BasicTextFieldExamples(
stateOne,
remember { MutableInteractionSource() },
stateTwo,
remember { MutableInteractionSource() },
)
}
}
@OptIn(ExperimentalMaterial3Api::class)
@Composable
fun BasicTextFieldExamples(
stateOne: TextFieldState,
firstInteractionSource: MutableInteractionSource,
stateOTwo: TextFieldState,
secondInteractionSource: MutableInteractionSource,
) {
Column(
Modifier
.fillMaxSize()
.padding(50.dp)
) {
BasicTextField(
state = stateOne,
modifier = Modifier
.fillMaxWidth()
.height(56.dp),
readOnly = true,
interactionSource = firstInteractionSource,
decorator = TextFieldDefaults.decorator(
state = stateOne,
enabled = true,
label = {
Text("First Name")
},
placeholder = {
Text("Example 1")
},
lineLimits = TextFieldLineLimits.Default,
interactionSource = firstInteractionSource,
outputTransformation = null
)
)
BasicTextField(
state = stateOTwo,
modifier = Modifier
.fillMaxWidth()
.height(56.dp),
interactionSource = secondInteractionSource,
decorator = TextFieldDefaults.decorator(
state = stateOTwo,
enabled = true,
label = {
Text("Last Name")
},
placeholder = {
Text("Example 2")
},
lineLimits = TextFieldLineLimits.Default,
interactionSource = secondInteractionSource,
outputTransformation = null
)
)
}
}
}
Подробнее здесь: [url]https://stackoverflow.com/questions/79415747/auto-focus-basictextfield-without-cursor-jetpack-compose[/url]
Ответить
1 сообщение
• Страница 1 из 1
Перейти
- Кемерово-IT
- ↳ Javascript
- ↳ C#
- ↳ JAVA
- ↳ Elasticsearch aggregation
- ↳ Python
- ↳ Php
- ↳ Android
- ↳ Html
- ↳ Jquery
- ↳ C++
- ↳ IOS
- ↳ CSS
- ↳ Excel
- ↳ Linux
- ↳ Apache
- ↳ MySql
- Детский мир
- Для души
- ↳ Музыкальные инструменты даром
- ↳ Печатная продукция даром
- Внешняя красота и здоровье
- ↳ Одежда и обувь для взрослых даром
- ↳ Товары для здоровья
- ↳ Физкультура и спорт
- Техника - даром!
- ↳ Автомобилистам
- ↳ Компьютерная техника
- ↳ Плиты: газовые и электрические
- ↳ Холодильники
- ↳ Стиральные машины
- ↳ Телевизоры
- ↳ Телефоны, смартфоны, плашеты
- ↳ Швейные машинки
- ↳ Прочая электроника и техника
- ↳ Фототехника
- Ремонт и интерьер
- ↳ Стройматериалы, инструмент
- ↳ Мебель и предметы интерьера даром
- ↳ Cантехника
- Другие темы
- ↳ Разное даром
- ↳ Давай меняться!
- ↳ Отдам\возьму за копеечку
- ↳ Работа и подработка в Кемерове
- ↳ Давай с тобой поговорим...
Мобильная версия