How to remove bottom line in android SearchView component?

Question

How to remove bottom line in android SearchView component? Like in this image:

Rustproof

you can refer to this link. It might help #30843421 – Adorable

Thanks, helped me for 100% – Rustproof

Possible duplicate of How to remove white underline in a SearchView widget in Toolbar Android – Adorable

I am glad I was able to help you :-) cheers! – Adorable

Answer 1

When you get a reference to your SearchView; This will work:

val backgroundView = searchView.findViewById(android.support.v7.appcompat.R.id.search_plate) as View
backgroundView.background = null

Mallen

If I want to have custom background and also don't want that underline, your answer won't work... – Pledge

Answer 2

<androidx.appcompat.widget.SearchView
  app:queryBackground="@null"
  ...
/>

Setting this to @null in your XML will remove the colored bar.

Clarisclarisa

Answer 3

If you using the android namespace in your SearchView xml, the best way to remove the bottom line is:

android:queryBackground="@null"

Skimpy

Answer 4

In layout.xml

<SearchView
    android:theme="@style/AppSearchView"
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:layout_marginHorizontal="16dp"
    android:layout_marginTop="8dp"
    android:background="@drawable/round_corner_rect"
    android:queryBackground="@null"
    android:queryHint="Search here..."
    android:iconifiedByDefault="false" />

style.xml

 <style name="AppSearchView" parent="Widget.AppCompat.SearchView">
    <item name="android:editTextColor">@color/text_color</item>
    <item name="android:textColor">@color/text_color</item>
    <item name="android:textColorHint">@color/text_color</item>
    <item name="android:textSize">12sp</item>
    <item name="android:fontFamily">@font/app_font</item>
</style>

Haemolysin

Answer 5

Use: app:queryBackground="@color/your_color" and android:background="@color/your_color"

Dannie

Answer 6

Try to set background="@null" in xml in search view.

Review

Answer 7

Just write it in xml:

<androidx.appcompat.widget.SearchView
   android:id="@+id/searchView"
   android:layout_width="match_parent"
   android:layout_height="wrap_content"
   app:queryBackground="@null"
   ... />

Worked for me

Weakkneed