title: How to make View fill remaining space in ConstraintsLayout
body: <p>How to make <code>View</code> FrameLayout fill all remaining space in <code>ConstraintLayout</code></p>
  
  <p>I have xml like:</p>
  
  <pre><code>&lt;ImageView
      android:background="#FF0000"
      android:id="@+id/header"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:src="@drawable/ic_header"
      android:scaleType="fitXY"
      android:adjustViewBounds="true"
      app:layout_constraintTop_toTopOf="parent"
      app:layout_constraintStart_toStartOf="parent"
      app:layout_constraintEnd_toEndOf="parent"
      app:layout_constraintHeight_default="wrap"
      app:layout_constraintWidth_default="spread"/&gt;
  &lt;FrameLayout
      android:background="#00FF00"
      app:layout_constraintHeight_default="spread"
      app:layout_constraintWidth_default="wrap"
      app:layout_constraintTop_toBottomOf="@id/header"
      app:layout_constrainedHeight="true"
      app:layout_constraintBottom_toTopOf="@id/footer"
      android:id="@+id/task_fragment"
      android:layout_width="match_parent"
      android:layout_height="wrap_content"/&gt;
  &lt;LinearLayout
      android:background="#FFFF00"
      android:orientation="vertical"
      android:id="@+id/footer"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_alignParentBottom="true"
      app:layout_constraintStart_toStartOf="parent"
      app:layout_constraintEnd_toEndOf="parent"
      app:layout_constraintHeight_default="spread"
      app:layout_constraintWidth_default="spread"
      app:layout_constraintBottom_toBottomOf="parent"&gt;
      &lt;ImageButton
          style="?borderlessButtonStyle"
          android:id="@+id/btn_ar"
          android:layout_height="wrap_content"
          android:layout_width="match_parent"
          android:padding="0dp"
          android:scaleType="fitXY"
          android:adjustViewBounds="true"
          android:src="@drawable/ic_ar"/&gt;
  &lt;/LinearLayout&gt;
  </code></pre>
  
  <p>There are header, footer and <code>FrameLayout</code> in the middle I want to make <code>FrameLayout</code> to fill all remaining space. </p>
  
  <p>I don't understand, which properties I have to use to expand <code>FrameLayout</code>. Please help me!</p>
  
  <p>EDIT: Or any solution with different layout.</p>