Remove bottom line from TextInputEditText

Question

I need to remove the bottom line of TextInputEditText I set background to transparent and null but nothing is working.

<com.google.android.material.textfield.TextInputLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@drawable/bg_textinput_layout"
    android:hint="@string/app_name">

    <com.google.android.material.textfield.TextInputEditText
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@color/transparent"/>

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

The bg_textinput_layout

<?xml version="1.0" encoding="utf-8"?>

<shape xmlns:android="http://schemas.android.com/apk/res/android">

<solid android:color="@color/white"/>

<stroke android:width="@dimen/spacing_1"
    android:color="@color/hint_text_color"/>
</shape>

You don't need this bg_textinput_layout background. Just use boxBackgroundColor to have a white box. — Gabriele Mariotti, Sep 24 '19 at 11:46
I applied this style Widget.MaterialComponents.TextInputLayout.OutlinedBox to textinputlayout and now it is working — Balaji, Sep 25 '19 at 05:09
Here is the simple solution https://stackoverflow.com/questions/57063519/remove-underline-from-textinputedittext/63308187#63308187 — Anshad Ali KM, Aug 07 '20 at 19:40

Gabriele Mariotti · Answer 1 · 2020-09-21T06:55:24.637

66

You can apply app:boxStrokeWidth="0dp" and app:boxStrokeWidthFocused="0dp" (or theapp:boxStrokeColor attribute using a selector with the same values of the boxBackgroundColor).

   <com.google.android.material.textfield.TextInputLayout
       app:boxStrokeWidth="0dp"
       app:boxStrokeWidthFocused="0dp"
       ...>

For a white box without background and border:

<com.google.android.material.textfield.TextInputLayout
    app:boxStrokeWidth="0dp"
    app:boxStrokeWidthFocused="0dp"
    app:boxStrokeColor="#FFF"
    app:boxBackgroundColor="#FFF"
    ...>

edited Sep 21 '20 at 06:55

answered Sep 24 '19 at 11:44

Gabriele Mariotti

320,139
94
887
841

2

Why we can not hide the bottom line with FilledBox? – ysfcyln Nov 15 '19 at 14:12

score 2 · Answer 2 · answered Jul 10 '22 at 10:27

2

in the TextInputLayout, set app:boxStrokeWidth="0dp" in the TextInputEditText, set app:boxBackgroundColor="@color/white" . it worked for me when my background is white.

answered Jul 10 '22 at 10:27

beokh

191
2
3

Remove bottom line from TextInputEditText

2 Answers2