FocusRequesterModifier

Added in 1.0.0

Deprecated in 1.4.0

Cmn

interface FocusRequesterModifier : Modifier.Element

A modifier that is used to pass in a FocusRequester that can be used to request focus state changes.

import androidx.compose.foundation.border
import androidx.compose.foundation.clickable
import androidx.compose.foundation.focusable
import androidx.compose.foundation.layout.Box
import androidx.compose.runtime.mutableStateOf
import androidx.compose.runtime.remember
import androidx.compose.ui.Modifier
import androidx.compose.ui.focus.FocusRequester
import androidx.compose.ui.focus.focusRequester
import androidx.compose.ui.focus.onFocusChanged
import androidx.compose.ui.graphics.Color.Companion.Black
import androidx.compose.ui.graphics.Color.Companion.Green
import androidx.compose.ui.unit.dp

val focusRequester = remember { FocusRequester() }
var color by remember { mutableStateOf(Black) }
Box(
    Modifier.clickable { focusRequester.requestFocus() }
        .border(2.dp, color)
        // The focusRequester should be added BEFORE the focusable.
        .focusRequester(focusRequester)
        // The onFocusChanged should be added BEFORE the focusable that is being observed.
        .onFocusChanged { color = if (it.isFocused) Green else Black }
        .focusable()
)

See also
`FocusRequester`
`focusRequester`

Summary

Public properties
`FocusRequester`	`focusRequester` This property is deprecated. Use FocusRequesterModifierNode instead	Cmn

Inherited functions

From androidx.compose.ui.Modifier

open infix Modifier

then(other: Modifier)

This function is deprecated. Use FocusRequesterModifierNode instead

Cmn

From androidx.compose.ui.Modifier.Element

`open Boolean`	`all(predicate: (Modifier.Element) -> Boolean)` This function is deprecated. Use FocusRequesterModifierNode instead	Cmn
`open Boolean`	`any(predicate: (Modifier.Element) -> Boolean)` This function is deprecated. Use FocusRequesterModifierNode instead	Cmn
`open R`	`<R : Any?> foldIn(initial: R, operation: (Modifier.Element, R) -> R)` This function is deprecated. Use FocusRequesterModifierNode instead	Cmn
`open R`	`<R : Any?> foldOut(initial: R, operation: (Modifier.Element, R) -> R)` This function is deprecated. Use FocusRequesterModifierNode instead	Cmn

Public properties

focusRequester

Cmn

Added in 1.0.0

Deprecated in 1.4.0

val focusRequester: FocusRequester

An instance of FocusRequester, that can be used to request focus state changes.

import androidx.compose.foundation.border
import androidx.compose.foundation.clickable
import androidx.compose.foundation.focusable
import androidx.compose.foundation.layout.Box
import androidx.compose.runtime.mutableStateOf
import androidx.compose.runtime.remember
import androidx.compose.ui.Modifier
import androidx.compose.ui.focus.FocusRequester
import androidx.compose.ui.focus.focusRequester
import androidx.compose.ui.focus.onFocusChanged
import androidx.compose.ui.graphics.Color.Companion.Black
import androidx.compose.ui.graphics.Color.Companion.Green
import androidx.compose.ui.unit.dp

val focusRequester = remember { FocusRequester() }
var color by remember { mutableStateOf(Black) }
Box(
    Modifier.clickable { focusRequester.requestFocus() }
        .border(2.dp, color)
        // The focusRequester should be added BEFORE the focusable.
        .focusRequester(focusRequester)
        // The onFocusChanged should be added BEFORE the focusable that is being observed.
        .onFocusChanged { color = if (it.isFocused) Green else Black }
        .focusable()
)