Jetpack Compose TextField下Google自动填充不提示保存密码如何解决

失效原因 #

谷歌密码保存提示依赖Android系统的自动填充框架识别输入字段属性、操作节点，你当前的Compose实现缺失必要的自动填充（Autofill）语义配置，导致框架无法识别这是登录场景的密码输入流程，自然不会触发保存提示。

具体修复步骤 #

• 给用户名、密码输入框分别配置对应的自动填充类型
  Compose 1.3及以上版本可以直接使用Modifier.autofill指定字段类型，示例代码如下：

// 用户名输入框
OutlinedTextField(
    value = username,
    onValueChange = { username = it },
    label = { Text("用户名") },
    modifier = Modifier.autofill(AutofillType.Username),
    keyboardOptions = KeyboardOptions(
        keyboardType = KeyboardType.Email,
        imeAction = ImeAction.Next
    )
)

// 密码输入框
OutlinedTextField(
    value = password,
    onValueChange = { password = it },
    label = { Text("密码") },
    modifier = Modifier.autofill(AutofillType.Password),
    keyboardOptions = KeyboardOptions(
        keyboardType = KeyboardType.Password,
        imeAction = ImeAction.Done
    ),
    visualTransformation = PasswordVisualTransformation()
)

如果你使用的是1.3以下的Compose版本，需要通过语义配置声明自动填充属性：

Modifier.semantics {
    importantForAutofill = ImportantForAutofill.Yes
    // 用户名对应 AutofillHint.USERNAME
    autofillHints = listOf(AutofillHint.PASSWORD)
}

• 登录成功后主动通知自动填充框架提交数据
  在登录接口返回成功、页面跳转前调用以下代码，告知自动填充框架本次登录操作完成，触发保存提示：

val autofillManager = context.getSystemService(AutofillManager::class.java)
autofillManager?.commit()

注意事项 #

• 必须同时配置用户名和密码两个输入框的自动填充属性，仅配置密码框不会触发提示
• 请确保测试设备的系统自动填充服务已正常开启，应用未被禁止自动填充权限

内容的提问来源于stack exchange，提问作者SmallGrammer