How to remove bottom line in android SearchView component?

Question

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

you can refer to this link. It might help https://stackoverflow.com/questions/30842921/how-to-remove-white-underline-in-a-searchview-widget-in-toolbar-android — HarshitMadhav, Jun 21 '18 at 16:03
Possible duplicate of [How to remove white underline in a SearchView widget in Toolbar Android](https://stackoverflow.com/questions/30842921/how-to-remove-white-underline-in-a-searchview-widget-in-toolbar-android) — HarshitMadhav, Jun 21 '18 at 16:24

score 27 · Answer 1 · answered Jan 13 '20 at 17:00

27

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

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

answered Jan 13 '20 at 17:00

Peterdk

15,625
20
101
140

score 4 · Accepted Answer · answered Oct 25 '18 at 20:16

4

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

answered Oct 25 '18 at 20:16

Michael

9,639
3
64
69

1

If I want to have custom background and also don't want that underline, your answer won't work... – Siddharth Thakkar Nov 07 '20 at 12:52

score 4 · Answer 3 · answered Aug 19 '20 at 19:32

4

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

android:queryBackground="@null"

answered Aug 19 '20 at 19:32

Phil Culver

75
2
8

score 2 · Answer 4 · answered Oct 08 '22 at 13:38

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>

score 0 · Answer 5 · answered Jan 17 '19 at 04:05

0

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

answered Jan 17 '19 at 04:05

O Thạnh Ldt

1,103
10
11

score 0 · Answer 6 · answered Jan 17 '19 at 04:41

0

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

answered Jan 17 '19 at 04:41

harshita

457
1
5
19

score 0 · Answer 7 · answered Apr 14 '22 at 07:23

0

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

answered Apr 14 '22 at 07:23

Vahit Keskin

274
1
9

How to remove bottom line in android SearchView component?

7 Answers7

Linked