复制Material Design代码报错Unresolved reference: textField，该如何解决？

报错「Unresolved reference: textField」的核心原因是代码中未定义textField变量——官方文档的代码默认你已经完成了布局组件与代码的绑定操作，省略了这一步骤。

解决步骤 #

1. 确认布局中存在对应组件 #

首先要在你的XML布局文件里添加带android:id="@+id/textField"的TextInputLayout，示例如下：

<com.google.android.material.textfield.TextInputLayout
    android:id="@+id/textField"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:hint="选择选项"
    style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox.ExposedDropdownMenu">

    <AutoCompleteTextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:inputType="none"/>

</com.google.android.material.textfield.TextInputLayout>

2. 绑定布局组件到代码 #

有两种常用绑定方式，推荐使用视图绑定：

方式一：视图绑定（推荐）

• 先在Module级的build.gradle中开启视图绑定：

android {
    ...
    buildFeatures {
        viewBinding true
    }
}

• 在Fragment/Activity中通过绑定类获取组件：

// Fragment示例
private var _binding: YourLayoutBinding? = null
private val binding get() = _binding!!

override fun onCreateView(inflater: LayoutInflater, container: ViewGroup?, savedInstanceState: Bundle?): View? {
    _binding = YourLayoutBinding.inflate(inflater, container, false)
    return binding.root
}

override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
    super.onViewCreated(view, savedInstanceState)
    val items = listOf("Material", "Design", "Components", "Android")
    val adapter = ArrayAdapter(requireContext(), R.layout.list_item, items)
    // 使用binding.textField替代未定义的textField
    (binding.textField.editText as? AutoCompleteTextView)?.setAdapter(adapter)
}

override fun onDestroyView() {
    super.onDestroyView()
    _binding = null
}

方式二：findViewById（兼容旧项目）

直接在代码中通过ID查找组件：

// Fragment示例
override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
    super.onViewCreated(view, savedInstanceState)
    // 先获取textField实例
    val textField = view.findViewById<TextInputLayout>(R.id.textField)
    val items = listOf("Material", "Design", "Components", "Android")
    val adapter = ArrayAdapter(requireContext(), R.layout.list_item, items)
    (textField.editText as? AutoCompleteTextView)?.setAdapter(adapter)
}

3. 确认依赖配置 #

确保你的项目已经添加了Material Components依赖：

dependencies {
    implementation 'com.google.android.material:material:1.9.0' // 可替换为最新版本
}

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