How to remove right padding/margin to a TextInputLayout prefix

Question

TextInputLayout prefix has a small but noticeable spacing to the subsequent text in the TextInputEditText.

In the following image, The first www is the prefix, the following are the regular text. I want to remove the spacing shown in the circle

My code:

<com.google.android.material.textfield.TextInputLayout
    android:id="@+id/text_input_layout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:prefixText="www"
    app:prefixTextColor="@color/black">

    <com.google.android.material.textfield.TextInputEditText
        android:id="@+id/text_input_edit_text"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />

Thank you!

https://stackoverflow.com/questions/41403193/how-to-disable-padding-on-textinputlayout — Saiful Sazib, Nov 23 '22 at 11:14
@SaifulSazib the edittext padding itself is fine, it's the prefix's right padding inside the edittext which is giving me headaches — Nuno Costa, Nov 23 '22 at 11:18
This might help. create a custom class. https://rrohaill.medium.com/adding-a-prefix-to-textinputedittext-38a97a6bb12 — Saiful Sazib, Nov 23 '22 at 16:36

score 1 · Answer 1 · answered Nov 28 '22 at 08:35

1

You can override the material_input_text_to_prefix_suffix_padding dimension in your dimens.xml file

Something like:

<dimen name="material_input_text_to_prefix_suffix_padding">0dp</dimen>

answered Nov 28 '22 at 08:35

Gabriele Mariotti

320,139
94
887
841

How to remove right padding/margin to a TextInputLayout prefix

1 Answers1