如何避免SearchBar中的EditText覆盖MenuItem按钮？

问题根源 #

你在SearchBar内部手动嵌套了自定义EditText，但SearchBar本身已经内置了完整的搜索输入组件。自定义EditText会填充SearchBar的整个布局空间，直接覆盖了右侧MenuItem（清除按钮）的点击区域，导致按钮无法响应操作。

解决方案 #

移除自定义EditText，直接使用SearchBar自带的输入功能即可解决问题：

修正后的布局代码

<com.google.android.material.search.SearchBar
    android:id="@+id/app_config_search_bar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_below="@id/app_config_toolbar"
    android:hint="@string/search_hint"
    app:menu="@menu/menu_searchbar" />

自定义输入行为（如需）

如果要对输入框做个性化配置（比如设置输入类型、监听文本变化），可以通过代码获取SearchBar内部的EditText：

val searchBar = findViewById<SearchBar>(R.id.app_config_search_bar)
val innerEditText = searchBar.findViewById<EditText>(com.google.android.material.R.id.search_src_text)
innerEditText.inputType = InputType.TYPE_CLASS_TEXT
// 此处可添加文本监听、样式修改等自定义操作

清除按钮配置

SearchBar默认支持清除搜索内容的功能，也可以通过菜单配置确保按钮正常工作：
在menu_searchbar.xml中确认清除按钮的配置：

<menu xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto">
    <item
        android:id="@+id/action_clear"
        android:icon="@drawable/ic_clear"
        android:title="@string/clear"
        app:showAsAction="always" />
</menu>

然后在代码中处理点击事件：

searchBar.setOnMenuItemClickListener { menuItem ->
    when (menuItem.itemId) {
        R.id.action_clear -> {
            searchBar.setText("")
            true
        }
        else -> false
    }
}

之前尝试无效的原因 #

• 修改EditText的layout_width为wrap_content或固定值无效：因为SearchBar的内部布局逻辑会强制子视图填充可用空间，自定义EditText依然会覆盖菜单区域。
• 将EditText移出SearchBar后无法输入：此时EditText不属于SearchBar的输入体系，无法和SearchBar联动实现搜索输入功能。

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