title: How to remove the space under the bottom pill gesture bar Android?
body: <p>How do I get rid of this tiny black space under the bottom &quot;gesture bar&quot;? Most apps extend all the way to the bottom, but I still see this tiny black bar on the bottom.</p>
  <p><strong>Main Activity XML</strong></p>
  <pre><code>&lt;?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot;?&gt;
  &lt;androidx.constraintlayout.widget.ConstraintLayout xmlns:android=&quot;http://schemas.android.com/apk/res/android&quot;
      xmlns:app=&quot;http://schemas.android.com/apk/res-auto&quot;
      xmlns:tools=&quot;http://schemas.android.com/tools&quot;
      android:layout_width=&quot;match_parent&quot;
      android:layout_height=&quot;match_parent&quot;
      tools:context=&quot;.activities.MainActivity&quot;&gt;
  
      &lt;androidx.fragment.app.FragmentContainerView
          android:id=&quot;@+id/fragmentContainerView&quot;
          android:name=&quot;com.myProject.fragments.SignUpFragment&quot;
          android:layout_width=&quot;0dp&quot;
          android:layout_height=&quot;0dp&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;
          tools:layout=&quot;@layout/sign_up_fragment&quot; /&gt;
  &lt;/androidx.constraintlayout.widget.ConstraintLayout&gt;
  </code></pre>
  <p><a href="https://i.stack.imgur.com/a2PhG.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/a2PhG.png" alt="enter image description here" /></a></p>