Button Border Not Showing

Issue

I try to put a border for a button in android but unfortunately I can't see the button border.

Drawable File 👇

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape android:shape="rectangle">
            <corners android:radius="12dp" />
            <stroke android:width="3px" android:color="#7E8082" />
        </shape>
    </item>
</selector>

XML 👇

<Button
        android:id="@+id/btn_signup"
        android:layout_width="match_parent"
        android:layout_height="60dp"
        android:layout_marginTop="122dp"
        android:background="@drawable/bg_signup"
        android:fontFamily="@font/poppins_semibold"
        android:text="Create an Account"
        android:textAllCaps="false"
        android:textColor="@color/black"
        app:layout_constraintTop_toBottomOf="@+id/btn_login" />

Solution

You don't need to use a custom drawable, just use a MaterialButton:

       <com.google.android.material.button.MaterialButton
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           style="@style/Widget.MaterialComponents.Button.OutlinedButton"
           app:strokeColor="#7E8082"
           app:strokeWidth="1dp"
           app:cornerRadius="12dp"/>

Answered By - Gabriele Mariotti