title: align and adjust width of textview and edittext in a row
body: <p>I have a TextView and EditText, which needs to be aligned in a row with proper span.</p>
  
  <p>In current layout, EditText is aligned , but appears shrinked, not taking remaining width</p>
  
  <p><a href="https://i.stack.imgur.com/cO3vD.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/cO3vD.png" alt="enter image description here"></a></p>
  
  <p><strong>Xml</strong>:</p>
  
  <pre><code> &lt;TableLayout
          android:layout_width="match_parent"
          android:layout_height="wrap_content"
          tools:style="@style/AppTheme"
          android:layout_marginBottom="10dp"
          android:layout_marginTop="10dp"&gt;
  
          &lt;TableRow&gt;
              &lt;TextView
                  style="@style/AppTheme.DetailInfo"
                  android:layout_width="wrap_content"
                  android:layout_height="wrap_content"
                  android:text="New Password:" /&gt;
              &lt;EditText
                  style="@style/AppTheme.TextBox"
                  android:layout_width="match_parent"
                  android:layout_height="wrap_content"
                  android:inputType="textPassword"
                  android:maxLines="1"
                  android:text= "@={profile.password}"/&gt;
          &lt;/TableRow&gt;
     &lt;/TableLayout&gt;
  </code></pre>