title: Position ViewPager's (Carousel/Slider) indicators (dots) in bottom using TabLayout android studio
body: <p>I want to position my dots in bottom.. I dont know why they are in top of my viewPager(image below)
  any solution ?<br />
  <img src="https://i.stack.imgur.com/o0WF4.png" alt="enter image description here" /></p>
  <p>my activity_main.xml :</p>
  <pre><code>  &lt;androidx.viewpager.widget.ViewPager
  
      android:foregroundGravity=&quot;center&quot;
      android:id=&quot;@+id/viewPager&quot;
      android:layout_centerInParent=&quot;true&quot;
      android:overScrollMode=&quot;never&quot;
      android:clipToPadding=&quot;false&quot;
      android:layout_width=&quot;match_parent&quot;
      android:layout_height=&quot;match_parent&quot;&gt;
  
      &lt;com.google.android.material.tabs.TabLayout
          android:id=&quot;@+id/tab_layout&quot;
          android:layout_width=&quot;match_parent&quot;
          android:layout_height=&quot;wrap_content&quot;
          app:tabBackground=&quot;@drawable/tab_selector&quot;
          app:tabGravity=&quot;center&quot;
          app:tabIndicatorHeight=&quot;0dp&quot;/&gt;
  &lt;/androidx.viewpager.widget.ViewPager&gt;
  </code></pre>