title: Place 2 textview beside each other with 2nd textview always visible
body: <p><strong>What I want :</strong></p>
  <p>When text is short the 21% <code>TextView</code> should be just beside the first <code>TextView</code> like below</p>
  <p><a href="https://i.stack.imgur.com/w8Jl5.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/w8Jl5.png" alt="enter image description here" /></a></p>
  <p>and when text is long I want the first <code>TextView</code> to reach to end and ellipsize and 21% <code>TextView</code> should be visible like below</p>
  <p><a href="https://i.stack.imgur.com/mGyUd.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/mGyUd.png" alt="enter image description here" /></a></p>
  <p>but what ever I do the 21% <code>TextView</code> goes away and first <code>TextView</code> occupies complete space . I tried many combinations with <code>Linear, Relative, Frame, Constraint layout, weight, minwidth</code> etc but nothing seems to work.</p>
  <p>Here is my xml</p>
  <pre><code> &lt;LinearLayout xmlns:android=&quot;http://schemas.android.com/apk/res/android&quot;
      android:layout_width=&quot;match_parent&quot;
      android:orientation=&quot;horizontal&quot;
      android:layout_height=&quot;wrap_content&quot;&gt;
  
      &lt;TextView
          android:id=&quot;@+id/tv_job_title&quot;
          android:layout_width=&quot;wrap_content&quot;
          android:layout_height=&quot;wrap_content&quot;
          android:ellipsize=&quot;end&quot;
          android:lines=&quot;1&quot;
          android:maxLines=&quot;1&quot;
          android:text=&quot;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce pulvinar nec justo id bibendum.&quot; /&gt;
  
      &lt;TextView
          android:id=&quot;@+id/tv_matchPercent&quot;
          android:layout_width=&quot;wrap_content&quot;
          android:layout_height=&quot;wrap_content&quot;
          android:layout_marginLeft=&quot;5dp&quot;
          android:layout_marginRight=&quot;5dp&quot;
          android:paddingLeft=&quot;5dp&quot;
          android:text=&quot;21% &quot;
          android:textColor=&quot;#4268e3&quot;/&gt;
  &lt;/LinearLayout&gt;
  </code></pre>
  <p>Any idea how to achieve it?</p>
  <p><strong>Note:</strong> I do not want to hard code characters or width</p>