Jetpack Compose中AndroidView内EditText的焦点监听问题

可行实现方案 #

直接在AndroidView的factory创建EditText实例时，调用原生API setOnFocusChangeListener 设置监听，这是最可靠的方式：

AndroidView(
    factory = { context ->
        EditText(context).apply {
            setOnFocusChangeListener { _, hasFocus ->
                if (hasFocus) {
                    // 执行EditText获得焦点后的原生操作
                    println("原生EditText已获得焦点")
                } else {
                    // 执行EditText失去焦点后的原生操作
                    println("原生EditText已失去焦点")
                }
            }
        }
    },
    update = { editText ->
        // 按需更新EditText属性，比如文本、提示语等
    }
)

为什么之前的方法没生效？ #

• Compose的Modifier.OnFocusChange：这个监听是针对Compose层级组件的，AndroidView作为Compose容器，它的焦点状态和内部原生EditText的焦点状态是分离的，所以监听AndroidView的焦点无法反映内部EditText的焦点变化。
• 直接赋值EditText的onFocusChange属性：这种写法在部分场景下会因为初始化顺序或生命周期问题失效，而setOnFocusChangeListener是Android原生系统提供的标准API，兼容性和可靠性更高。

联动Compose状态（可选） #

如果需要在焦点变化时同步更新Compose的UI状态，可以在监听回调里更新MutableState：

val isEtFocused = remember { mutableStateOf(false) }

AndroidView(
    factory = { context ->
        EditText(context).apply {
            setOnFocusChangeListener { _, hasFocus ->
                isEtFocused.value = hasFocus
            }
        }
    }
)

// 根据焦点状态更新Compose UI
Text(text = if (isEtFocused.value) "输入框已聚焦" else "输入框未聚焦")

内容的提问来源于stack exchange，提问作者Mohammad Hossein Kalantarian