Fordern Sie Fokus auf TextField in jetpack compose an

So fokussieren Sie sich automatisch auf Textfelder in Jetpack Compose. Wenn ich auf das Textfeld klicke und anfange, darauf zu schreiben. Wenn ich in der Zwischenzeit auf die Schaltfläche “Zurück” klicke und dann versuche, auf das Textfeld zu klicken, passiert nichts.

val textState = remember { mutableStateOf(TextFieldValue()) }
TextField(
    modifier = Modifier.fillMaxWidth(),
    value = textState.value,
    onValueChange = { value : TextFieldValue ->
        textState.value = value
    }
)

Veröffentlichung einer aktualisierten Antwort auf die Frage (APIs wurden in Compose Beta umbenannt)

@Composable
fun AutoFocusingText() {
    var value by mutableStateOf("Enter Text")
    val focusRequester = remember { FocusRequester() }
    TextField(
        value = value, 
        onValueChange = { value = it },
        modifier = Modifier.focusRequester(focusRequester)
    )
    
    LaunchedEffect(Unit) {
        focusRequester.requestFocus()
    }
}

Du kannst den … benutzen FocusRequester mit Nebeneffekt.
Etwas wie:

var text by remember { mutableStateOf("text") }

// initialize focus reference to be able to request focus programmatically
val focusRequester = FocusRequester()

Column {
    TextField(
        value = text,
        onValueChange = {
            text = it
        },
        label = { Text("label") },
        modifier = Modifier
            // add focusRequester modifier 
            .focusRequester(focusRequester)
    )

Dann benutze focusRequester.requestFocus(). Auf diese Weise erteilt das System der damit verbundenen Komponente den Fokus FocusRequester.

Damit das Feld automatisch fokussiert wird, wenn der Bildschirm angezeigt wird, können Sie Folgendes verwenden:

LaunchedEffect(Unit) {
    focusRequester.requestFocus()
}

So weisen Sie dem Feld manuell den Fokus zu:

    Button(
         onClick = { focusRequester.requestFocus() }
    ){
        Text("Click to give the focus")
    }

val focusRequester = remember { FocusRequester() }
val inputService = LocalTextInputService.current
val focus = remember { mutableStateOf(false) }
BasicTextField(
    value = "value",
    modifier = Modifier
        .height(40.dp)
        .fillMaxWidth()
        .focusRequester(focusRequester)
        .onFocusChanged {
            if (focus.value != it.isFocused) {
                focus.value = it.isFocused
                if (!it.isFocused) {
                    inputService?.hideSoftwareKeyboard()
                }
            }
        },
),

LaunchedEffect("") {
    delay(300)
    inputService?.showSoftwareKeyboard()
    focusRequester.requestFocus()
}

Von Compose Unit Tests übernommen und auf TextField angewendet Verknüpfung

    @ExperimentalFocus
    @Composable
    fun AutoFocusingText() {
        val textState = remember { mutableStateOf(TextFieldValue()) }
        val focusState = remember { mutableStateOf(FocusState.Inactive) }
        val focusRequester = FocusRequester()
        val focusModifier = Modifier.focus()
        Row(
            modifier = Modifier.focusObserver { focusState.value = it }
        ) {
            val focusRequesterModifier = Modifier.focusRequester(focusRequester)
            TextField(
                modifier = focusModifier.then(focusRequesterModifier),
                value = textState.value,
                onValueChange = { value: TextFieldValue ->
                    textState.value = value
                },

                )
        }
        onActive {
            focusRequester.requestFocus()
        }
    }

Bearbeiten: Box in Row geändert, da Box in ‘1.0.0-alpha04’ veraltet ist

Wenn Sie möchten, dass Ihr Textfeld automatisch fokussiert wird, wenn Sie zum Bildschirm navigieren, können Sie dies verwenden. Dies erlaubt Ihnen nicht requestFocus während der Komposition, was Sie nicht tun sollten. Sonst bekommt man IllegalStateException mit der Meldung “FocusRequester ist nicht initialisiert”.

 @Composable fun YourComposable(){ 
   val focusRequester = remember {FocusRequester()}
    
        LaunchedEffect(Unit) {
            this.coroutineContext.job.invokeOnCompletion {
                focusRequester.requestFocus()
            }
        }
    
       OutlinedTextField( modifier = Modifier.focusRequester(focusRequester))
         
              
}

Dies liegt an der Koroutine im Inneren LaucnhedEffeect wird abgesagt, wenn die LaunchedEffect verlässt die Komposition.

    @Composable fun SomeComposable() {
        val focusRequester = remember { FocusRequester() }

    OutlinedTextField(
        value = TextFieldValue(
        text = state.text, // state come from else where
        selection = TextRange(state.text.length,state.text.length)),  
   
        onValueChange = { _:TextFieldValue -> Unit },
        modifier = Modifier
          .fillMaxWidth()
          .focusRequester(focusRequester),)

    SideEffect {
        focusRequester.requestFocus()
        }
    }

Warum SideEffect: die allererste Zeile von die Dokumente.
Für die Cursorposition hat diese Antwort geholfen.
onValueChanged so belassen wird, wie es in meinem Arbeitscode ist, brauche ich es nicht.

Bewegen Sie den Cursor auf die Länge des Textes und erlauben Sie dem Benutzer, den Cursor weiter zu bewegen Textfeld mit folgendem Code

 @Composable
    fun AutoFocusingText(value:String,onValueChange: (newValue: String) -> Unit) {
    var textFieldValueState by remember { mutableStateOf(TextFieldValue(text = value,selection = TextRange(value.length))) }
    val textFieldValue = textFieldValueState.copy(text = value)
    val focusRequester = FocusRequester()
    DisposableEffect(Unit) {
        focusRequester.requestFocus()
        onDispose { }
    }
    TextField(
        value = textFieldValue,
        onValueChange = {
            textFieldValueState = it
            if (value != it.text) {
                onValueChange(it.text)
            } },
        modifier = Modifier.focusRequester(focusRequester = focusRequester)
    )


}