Jetpack Composeでフォーカスが変わった時に何かしたい

Jetpack Composeでフォーカスが変わった時に何か処理をしたい

今回はTextFieldにフォーカスが当たった時にUIの表示を変更する。

フォーカス変更を受け取るには Modifier.onFocusChanged を使うとよさそう

https://developer.android.com/reference/kotlin/androidx/compose/ui/focus/package-summary#(androidx.compose.ui.Modifier).onFocusChanged(kotlin.Function1)

onFocusChanged に渡すラムダ式には FocusState が渡される

https://developer.android.com/reference/kotlin/androidx/compose/ui/focus/FocusState

こういう感じで受け取れそう、ドキュメントにはfocusableが必要って書いてあるが、TextFieldの場合はTextField側で指定されているのでなくてもいいはず。

TextField(
  modifier = Modifier
    .onFocusChanged { focusState ->
      if (focusState.hasFocus) {
        Timber.d(
           "FocusState: %s isFocused: %s hasFocus",
           focusState, focusState.isFocused, focusState.hasFocus)
        }
      },
)

focusState.isFocused が true の時に処理を行うことでやりたいことが実現できた。