title: constraint layout left and right constraint
body: <p>I have a constraint layout and when the string is long enough it overlaps the element on the right. Sample code is:</p>
  
  <pre><code>  &lt;android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
      android:layout_width="match_parent"
      android:layout_height="wrap_content"&gt;
  
    &lt;ImageView
      android:id="@+id/iconIv"
      android:layout_width="36dp"
      android:layout_height="36dp"
      app:layout_constraintLeft_toLeftOf="parent"
      app:layout_constraintTop_toTopOf="parent"/&gt;
  
  
  
    &lt;TextView
          android:id="@+id/nameTv"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          app:layout_constraintLeft_toRightOf="@id/iconIv"
          app:layout_constraintTop_toTopOf="parent"/&gt;
  
    &lt;FrameLayout
      android:id="@+id/priceFl"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      app:layout_constraintRight_toRightOf="parent"
      app:layout_constraintTop_toTopOf="parent"&gt;
    &lt;/FrameLayout&gt;
  
   ...
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/hEMgG.png" rel="noreferrer"><img src="https://i.stack.imgur.com/hEMgG.png" alt="enter image description here"></a></p>
  
  <p>Then I tried to nameTv to add right constraint to left of the element on the right like this <code>app:layout_constraintRight_toLeftOf="@id/priceFl"</code> and this happened:</p>
  
  <p><a href="https://i.stack.imgur.com/ep5ju.png" rel="noreferrer"><img src="https://i.stack.imgur.com/ep5ju.png" alt="enter image description here"></a></p>
  
  <p>Is there a way to position this text between icon and price views? </p>