Как отключить эффект ряби на кнопке переключения пароля TextInputLayout

Question

Я использую TextInputLayout, чтобы показать кнопку переключения пароля. Это работает, но эффект ряби находится за фоном EditText (я использую рисованный фон для EditText). Как я могу отключить эффект ряби кнопки пароля или поставить рябь перед фоном EditText? Здесь записано видео, демонстрирующее проблему https://imgur.com/nYOB6Ye.

<com.google.android.material.textfield.TextInputLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="25dp"
                app:hintEnabled="false"
                app:passwordToggleEnabled="true">

                <com.google.android.material.textfield.TextInputEditText
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:background="@drawable/bg_edit"
                    android:hint="••••••"
                    android:inputType="textPassword"
                    android:padding="18dp" />
            </com.google.android.material.textfield.TextInputLayout>

Answer 1

Вы можете добиться того же результата, удалив android:background="@drawable/bg_edit" в вашем TextInputEditText и используя Стиль OutlinedBox :

    <com.google.android.material.textfield.TextInputLayout
        android:hint="••••••"
        app:endIconMode="password_toggle"
        style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox"
        app:boxBackgroundColor="@color/....."
        ..>

           <com.google.android.material.textfield.TextInputEditText
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:inputType="textPassword"
                android:padding="18dp" />

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

Примечание: app:passwordToggleEnabled="true" устарело. Просто добавьте app:endIconMode="password_toggle".