title: Android Studio XML formatting not filling screen
body: <p>I am working on one of my first apps. One activity of the app includes swiping left and right to scroll through different fragments,  I am using Scroll-View for this. I want each fragment to include multiple elements, but unfortunately Scroll-View only supports a maximum of one direct child element. To work around this, I placed all the views I want in the fragment inside a ConstraintLayout, making the ConstraintLayout the only direct child of the ScrollView. You can see this in my XML code below:</p>
  <pre><code>&lt;?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot;?&gt;
  </code></pre>
  <pre><code>&lt;androidx.constraintlayout.widget.ConstraintLayout xmlns:app=&quot;http://schemas.android.com/apk/res-auto&quot;
      xmlns:tools=&quot;http://schemas.android.com/tools&quot;
      android:id=&quot;@+id/gayLayout&quot;
      android:layout_width=&quot;match_parent&quot;
      android:layout_height=&quot;match_parent&quot;
      xmlns:android=&quot;http://schemas.android.com/apk/res/android&quot;&gt;
  
      &lt;ScrollView
          android:id=&quot;@+id/content&quot;
          android:layout_width=&quot;match_parent&quot;
          android:layout_height=&quot;match_parent&quot;
          android:background=&quot;#FFFFFF&quot;
          app:layout_constraintBottom_toBottomOf=&quot;parent&quot;
          app:layout_constraintEnd_toEndOf=&quot;parent&quot;
          app:layout_constraintStart_toStartOf=&quot;parent&quot;
          app:layout_constraintTop_toTopOf=&quot;parent&quot;&gt;
  
              &lt;androidx.constraintlayout.widget.ConstraintLayout
                  android:layout_width=&quot;match_parent&quot;
                  android:layout_height=&quot;match_parent&quot;&gt;
  
                  &lt;A BUNCH OF CHILD VIEWS (ImageViews, TextViews, etc.)/&gt;
  
              &lt;/androidx.constraintlayout.widget.ConstraintLayout&gt;
  
      &lt;/ScrollView&gt;
  
  &lt;/androidx.constraintlayout.widget.ConstraintLayout&gt;
  </code></pre>
  <p>Unfortunately, this completely messes up the formatting. You can see this in the image below:</p>
  <p><a href="https://i.stack.imgur.com/P5USE.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/P5USE.png" alt="enter image description here" /></a></p>
  <p>A blue line can be seen in the render underneath all the views. From what I can gather, this is the bottom edge of the inner Constraint-Layout, but the thing is, I have no idea how to move it, and I cannot move any of its child elements below the line. I can make it smaller, just not larger, and there's no way for me to get it to scale to different screen sizes. What would be a better way to group these child elements without having this problem? Thanks!</p>