如何在 Jetpack Compose 中明确 BasicTextField 的焦点？

Question

我有一个 Jetpack Compose (Beta04) BasicTextField（带有装饰框）。如何清除焦点？

我试过使用 focusRequester，但这不起作用：

val focusRequester = remember { FocusRequester() }

// ...

BasicTextField(modifier = Modifier.focusRequester(focusRequester), /* ... */)

// ...

placesFocusRequester.freeFocus()

Answer 1

要从当前获得焦点的组件中清除焦点，您可以使用 FocusManager.clearFocus 方法：

    val focusRequester = remember { FocusRequester() }
    val focusManager = LocalFocusManager.current
    var value by rememberSaveable { mutableStateOf("initial value") }
    BasicTextField(
        value = value,
        onValueChange = { value = it },
        decorationBox = { innerTextField ->
            Row(
                Modifier
                    .background(Color.LightGray, RoundedCornerShape(percent = 30))
                    .padding(16.dp)
                    .focusRequester(focusRequester)
            ) {
                //...
                innerTextField()
            }
        }
    )
  
    Button(onClick = { focusManager.clearFocus() }) {
        Text("Clear focus")
    }