title: How to create textinputlayout with bottm shadow
body: <p>How to create TextInputLayout shadow, I have created but the hint is displayed bottom off and then I am editing the edit text then both are text center and also attach shadow login code Please let me know if you any question .
  <a href="https://i.stack.imgur.com/AgtfW.png" rel="nofollow noreferrer">Please sees this image</a>
  Thank in advance</p>
  
  <pre><code>&lt;LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  xmlns:tools="http://schemas.android.com/tools"
  android:orientation="vertical"&gt;
  
  &lt;com.google.android.material.textfield.TextInputLayout
      android:layout_width="match_parent"
      android:layout_marginStart="@dimen/_10sdp"
      android:layout_marginEnd="@dimen/_10sdp"
      android:background="@drawable/shadow_login"
      android:padding="@dimen/_10sdp"
      android:layout_height="wrap_content"&gt;
  
  
      &lt;androidx.appcompat.widget.AppCompatEditText
          android:layout_width="match_parent"
          android:layout_height="wrap_content"
          android:hint="test"
          android:background="@null" /&gt;
  &lt;/com.google.android.material.textfield.TextInputLayout&gt;
  </code></pre>
  
  <p></p>
  
  <p><a href="https://i.stack.imgur.com/gRqOx.png" rel="nofollow noreferrer">My code output is</a></p>
  
  <p>My shadow_login code is below</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
  </code></pre>
  
  <p></p>
  
  <pre><code>&lt;item&gt;
      &lt;shape&gt;
          &lt;padding
              android:bottom="1dp"
              android:left="0.5dp"
              android:right="0.5dp"
              android:top="0.5dp" /&gt;
          &lt;solid android:color="#00CCCCCC" /&gt;
          &lt;corners android:radius="@dimen/_30sdp" /&gt;
      &lt;/shape&gt;
  &lt;/item&gt;
  &lt;item&gt;
      &lt;shape&gt;
          &lt;padding
              android:bottom="1dp"
              android:left="0.5dp"
              android:right="0.5dp"
              android:top="0.5dp" /&gt;
  
          &lt;solid android:color="#10CCCCCC" /&gt;
          &lt;corners android:radius="@dimen/_30sdp" /&gt;
      &lt;/shape&gt;
  &lt;/item&gt;
  &lt;item&gt;
      &lt;shape&gt;
          &lt;padding
              android:bottom="1dp"
              android:left="0.5dp"
              android:right="0.5dp"
              android:top="0.5dp" /&gt;
  
          &lt;solid android:color="#20CCCCCC" /&gt;
  
          &lt;corners android:radius="@dimen/_30sdp" /&gt;
      &lt;/shape&gt;
  &lt;/item&gt;
  &lt;item&gt;
      &lt;shape&gt;
          &lt;padding
              android:bottom="1dp"
              android:left="0.5dp"
              android:right="0.5dp"
              android:top="0.5dp" /&gt;
  
          &lt;solid android:color="#30CCCCCC" /&gt;
  
          &lt;corners android:radius="@dimen/_30sdp" /&gt;
      &lt;/shape&gt;
  &lt;/item&gt;
  &lt;item&gt;
      &lt;shape&gt;
          &lt;padding
              android:bottom="1dp"
              android:left="0.5dp"
              android:right="0.5dp"
              android:top="0.5dp" /&gt;
  
          &lt;solid android:color="#50CCCCCC" /&gt;
  
          &lt;corners android:radius="@dimen/_30sdp" /&gt;
      &lt;/shape&gt;
  &lt;/item&gt;
  
  
  &lt;item&gt;
      &lt;shape&gt;
          &lt;solid android:color="@android:color/white" /&gt;
          &lt;corners android:radius="@dimen/_30sdp" /&gt;
  
  
      &lt;/shape&gt;
  &lt;/item&gt;
  </code></pre>
  
  <p></p>