title: Android dotted underline is staying in middle of textview
body: <p>I want to show a dotted underline below the textview, following are my codes</p>
  
  <pre><code>&lt;TextView
    android:id="@+id/contact_num"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:paddingTop="4dp"
    android:text="1234567890"
    android:background="@drawable/dashed_line"
    android:layerType="software"
    android:textSize="20dp" /&gt;
  </code></pre>
  
  <p>dashed_line.xml</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
  &lt;shape xmlns:android="http://schemas.android.com/apk/res/android"
  android:shape="line"&gt;
  
      &lt;stroke
          android:color="@color/oceanBlue"
          android:dashWidth="2dp"
          android:dashGap="3dp"
          android:width="1dp"/&gt;
  &lt;/shape&gt;
  </code></pre>
  
  <p>and the textview looks as above
      <a href="https://i.stack.imgur.com/UbzCo.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/UbzCo.png" alt="textview looks like this"></a></p>
  
  <p>can anyone help me to get the dotted line below to the textview?</p>
  
  <p>tried with drawableBottom also but no use</p>
  
  <pre><code>android:drawableBottom="@drawable/dashed_line"
  </code></pre>