Я новичок в пользовательском представлении и мало что знал о канве в Android, я хотел выровнять левую область рисования по правой стороне макета вместе с текстом (многострочным или нет) того же текстового представления, что и на этом изображении

На изображении выше я хотел выровнять $ image вместе с текстом ($ 20,0 - $ 90,0 / час) и должен быть в центре, если текст многострочный, и я не хочу использовать какие-либо дополнительные макеты. заранее спасибо

Это мой основной XML,

 <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="center"">

        <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"
            />

        <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"
            />
    </RelativeLayout>

Я пытался реализовать его с помощью пользовательских представлений, он работает для небольшого текста, но когда текст становится больше, он становится странным, мой код изображения выглядит следующим образом,