left drawable alignment with text in android
<p>I am new to custom view and didn't know much about canvas in android, 
I wanted to align a left drawable to right side of layout along with the text(whether multiline or not) of same textview as in this image <a href="https://i.stack.imgur.com/XcXCX.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/XcXCX.png" alt="enter image description here"></a></p>

<p>In the above image, i wanted to align $ image along with text($20.0 -$90.0 /hour) and must be in center if text is multiline and i don't want to use any extra layouts. Thanks in advance</p>

<p>This is my basic xml,</p>

<pre><code> &lt;RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="center""&gt;

        &lt;TextView
            android:id="@+id/ad_post_tv_noDays"
            style="@style/textView"
            android:text="20 days"
            android:layout_width="wrap_content"
            android:layout_alignParentLeft="true"
            android:drawablePadding="5dp"
            android:textColor="@color/color60"
            android:drawableLeft="@drawable/icon_calender"
            android:layout_gravity="left|center"
            android:gravity="left|center"
            android:layout_centerVertical="true"
            /&gt;

        &lt;TextView
            style="@style/textView"
             android:layout_alignParentRight="true"
            android:id="@+id/ad_post_tv_wage"
            android:layout_marginLeft="5dp"
            android:text="$8 - $12/hour"
            android:textSize="10dp"
            android:layout_toRightOf="@id/ad_post_tv_noDays"
            android:drawablePadding="5dp"
            android:layout_width="wrap_content"
            android:textStyle="bold"
            android:layout_gravity="right|center"
            android:gravity="right|center"
            android:drawableLeft="@drawable/icon_dollar"
            /&gt;
    &lt;/RelativeLayout&gt;
</code></pre>

<p>I had tried to implement it with custom views, it works for small text but when the text got bigger,it gets weird, my code image is as follows,<a href="https://i.stack.imgur.com/dGvEY.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/dGvEY.png" alt="enter image description here"></a></p>