title: Why ConstraintLayout slower than LinearLayout in RecyclerView item?
body: <p>I'm changing the xml item of recyclyerView from LinearLayout to ConstraintLayout.
  When I'm scrolling the recyclerView horizontal, it lags and renders very slowly than LinearLayout.</p>
  
  <p><strong>ConstraintLayout</strong></p>
  
  <p><img src="https://i.stack.imgur.com/DEQvt.gif" alt="ConstraintLayout"></p>
  
  <p><strong>LinearLayout</strong></p>
  
  <p><img src="https://i.stack.imgur.com/jKXNY.gif" alt="LinearLayout"></p>
  
  <p>Here i am sharing my xml for ConstraintLayout.</p>
  
  <p><strong>my ConstraintLayout Item</strong></p>
  
  <pre><code>&lt;android.support.v7.widget.CardView 
      xmlns:android="http://schemas.android.com/apk/res/android"
      xmlns:app="http://schemas.android.com/apk/res-auto"
      xmlns:tools="http://schemas.android.com/tools"
      android:layout_width="85dp"
      android:layout_height="wrap_content"&gt;
  
  &lt;android.support.constraint.ConstraintLayout
      android:id="@+id/merchant_layout"
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:layout_marginBottom="10dp"
      android:layout_marginEnd="5dp"
      android:layout_marginStart="5dp"&gt;
  
      &lt;de.hdodenhof.circleimageview.CircleImageView
          android:id="@+id/merchant_img"
          android:layout_width="75dp"
          android:layout_height="75dp"
          android:transitionName="profile"
          app:layout_constraintEnd_toEndOf="parent"
          app:layout_constraintStart_toStartOf="parent"
          app:layout_constraintTop_toTopOf="parent"
          tools:ignore="UnusedAttribute"
          tools:src="@drawable/avatar" /&gt;
  
      &lt;com.max.xclusivekotlin.customViews.MyTextView
          android:id="@+id/merchant_name"
          android:layout_width="0dp"
          android:layout_height="wrap_content"
          android:layout_marginEnd="5dp"
          android:layout_marginStart="5dp"
          android:layout_marginTop="5dp"
          android:ellipsize="end"
          android:maxLines="1"
          android:maxWidth="72dp"
          android:minWidth="72dp"
          android:textAlignment="center"
          android:textColor="@color/blackFont"
          android:textSize="14sp"
          app:layout_constraintEnd_toEndOf="@id/merchant_img"
          app:layout_constraintStart_toStartOf="@id/merchant_img"
          app:layout_constraintTop_toBottomOf="@id/merchant_img"
          tools:text="Chili's" /&gt;
  
      &lt;com.max.xclusivekotlin.customViews.MyTextView
          android:id="@+id/merchant_offer_percent"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:textColor="@color/redColor"
          android:textSize="12sp"
          app:layout_constraintBottom_toTopOf="@id/tv_distance"
          app:layout_constraintEnd_toStartOf="@id/merchant_offer_type"
          app:layout_constraintStart_toStartOf="@id/merchant_name"
          app:layout_constraintTop_toBottomOf="@id/merchant_name"
          app:textBold="bold"
          tools:text="25%" /&gt;
  
      &lt;com.max.xclusivekotlin.customViews.MyTextView
          android:id="@+id/merchant_offer_type"
          android:layout_width="0dp"
          android:layout_height="wrap_content"
          android:ellipsize="end"
          android:lines="1"
          android:textColor="@color/blackFont"
          android:textSize="12sp"
          app:layout_constraintBottom_toTopOf="@id/tv_distance"
          app:layout_constraintEnd_toEndOf="@id/merchant_name"
          app:layout_constraintHorizontal_chainStyle="packed"
          app:layout_constraintStart_toEndOf="@id/merchant_offer_percent"
          app:layout_constraintTop_toBottomOf="@id/merchant_name"
          tools:text=" | Refund " /&gt;
  
      &lt;com.max.xclusivekotlin.customViews.MyTextView
           android:id="@+id/tv_distance"
           android:layout_width="0dp"
           android:layout_height="wrap_content"
           android:ellipsize="end"
           android:lines="1"
           android:textAlignment="center"
           android:textColor="@color/greyFont"
           android:textSize="14sp"
           android:visibility="gone"
           app:layout_constraintBottom_toBottomOf="parent"
           app:layout_constraintEnd_toEndOf="@id/merchant_img"
           app:layout_constraintStart_toStartOf="@id/merchant_img"
           app:layout_constraintTop_toBottomOf="@id/merchant_offer_percent" /&gt;
      &lt;/android.support.constraint.ConstraintLayout&gt;
  &lt;/android.support.v7.widget.CardView&gt;
  </code></pre>
  
  <p><strong>my LinearLayout Item</strong>  </p>
  
  <pre><code>&lt;android.support.v7.widget.CardView 
  xmlns:android="http://schemas.android.com/apk/res/android"
      xmlns:app="http://schemas.android.com/apk/res-auto"
      xmlns:tools="http://schemas.android.com/tools"
      android:layout_width="85dp"
      android:layout_height="wrap_content"&gt;
  
  &lt;LinearLayout
      android:id="@+id/merchant_layout"
      android:layout_width="75dp"
      android:layout_height="wrap_content"
      android:layout_marginEnd="5dp"
      android:layout_marginStart="5dp"
      android:gravity="center_horizontal"
      android:orientation="vertical"
      android:paddingBottom="10dp"&gt;
  
      &lt;de.hdodenhof.circleimageview.CircleImageView
          android:id="@+id/merchant_img"
          android:layout_width="75dp"
          android:layout_height="75dp"
          android:transitionName="profile"
          tools:ignore="UnusedAttribute"
          tools:src="@drawable/avatar" /&gt;
  
      &lt;com.max.xclusivekotlin.customViews.MyTextView
          android:id="@+id/merchant_name"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:layout_marginEnd="5dp"
          android:layout_marginStart="5dp"
          android:layout_marginTop="5dp"
          android:ellipsize="end"
          android:maxLines="1"
          android:maxWidth="72dp"
          android:minWidth="72dp"
          android:textAlignment="center"
          android:textColor="@color/blackFont"
          android:textSize="14sp"
          tools:text="Chili's" /&gt;
  
      &lt;LinearLayout
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:layout_marginEnd="5dp"
          android:layout_marginStart="5dp"
          android:orientation="horizontal"&gt;
  
          &lt;com.max.xclusivekotlin.customViews.MyTextView
              android:id="@+id/merchant_offer_percent"
              android:layout_width="wrap_content"
              android:layout_height="wrap_content"
              android:textColor="@color/redColor"
              android:textSize="12sp"
              app:textBold="bold"
              tools:text="25%" /&gt;
  
          &lt;com.max.xclusivekotlin.customViews.MyTextView
              android:id="@+id/merchant_offer_type"
              android:layout_width="0dp"
              android:layout_height="wrap_content"
              android:layout_weight="1"
              android:ellipsize="end"
              android:lines="1"
              android:textColor="@color/blackFont"
              android:textSize="12sp"
              tools:text=" | Refund " /&gt;
      &lt;/LinearLayout&gt;
  
      &lt;com.max.xclusivekotlin.customViews.MyTextView
          android:id="@+id/tv_distance"
          android:layout_width="match_parent"
          android:layout_height="wrap_content"
          android:ellipsize="end"
          android:lines="1"
          android:textAlignment="center"
          android:textColor="@color/greyFont"
          android:textSize="14sp"
          android:visibility="gone" /&gt;
      &lt;/LinearLayout&gt;
  &lt;/android.support.v7.widget.CardView&gt;
  </code></pre>
  
  <p>How can I solve this?</p>