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 22 · Answer 1 · answered Jan 13 '20 at 17:00

22

<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,137
19
99
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,172
3
61
66

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 1 · Answer 3 · answered Aug 19 '20 at 19:32

1

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

45
2
8

score 0 · Answer 4 · 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

829
9
11

score 0 · Answer 5 · 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

427
1
4
17

score 0 · Answer 6 · 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

141
5

How to remove bottom line in android SearchView component?

6 Answers6