如何在Flutter项目中获取TextField的resource ID用于Google Play预发布报告？

Flutter默认渲染的控件没有原生Android层面的resource ID，需要手动通过语义标记绑定映射，具体步骤如下：

步骤1：给TextField指定唯一语义标记 #

在Flutter代码中给账号、密码输入框分别设置唯一的semanticsLabel：

// 用户名输入框
TextField(
  semanticsLabel: "login_username_input",
  decoration: const InputDecoration(hintText: "请输入账号"),
),
// 密码输入框
TextField(
  semanticsLabel: "login_password_input",
  obscureText: true,
  decoration: const InputDecoration(hintText: "请输入密码"),
)

步骤2：Android端声明resource ID #

打开android/app/src/main/res/values目录，新建ids.xml文件，添加对应的ID声明：

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <item name="login_username_input" type="id" />
    <item name="login_password_input" type="id" />
</resources>

步骤3：绑定语义标记和原生resource ID #

修改MainActivity代码，通过Flutter无障碍通道将语义标记和原生ID绑定，以Kotlin代码为例：

import android.os.Bundle
import android.view.View
import io.flutter.embedding.android.FlutterActivity
import io.flutter.embedding.engine.FlutterEngine
import io.flutter.view.AccessibilityBridge

class MainActivity : FlutterActivity() {
    override fun configureFlutterEngine(flutterEngine: FlutterEngine) {
        super.configureFlutterEngine(flutterEngine)
        
        flutterEngine.accessibilityBridge?.setAccessibilityDelegate(object : AccessibilityBridge.AccessibilityDelegate {
            override fun onAccessibilityNodeCreated(view: View, semanticsNode: AccessibilityBridge.SemanticsNode) {
                val label = semanticsNode.label ?: return
                when (label) {
                    "login_username_input" -> view.id = R.id.login_username_input
                    "login_password_input" -> view.id = R.id.login_password_input
                }
            }
        })
    }
}

步骤4：获取resource ID #

打包测试APK安装到测试设备后，打开Android Studio的Layout Inspector工具，选择你的应用进程，找到对应输入框即可查看已经绑定的resource ID，直接复制到Google Play预发布报告配置页即可。

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