title: how to align skip and next in linear layout
body: <p>I want something like this
  <a href="https://i.stack.imgur.com/SZQ4n.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/SZQ4n.png" alt="enter image description here"></a>
  But by the following code, I got this</p>
  
  <p><a href="https://i.stack.imgur.com/R0PHq.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/R0PHq.png" alt="enter image description here"></a>
  .I tried every way either the indicator goes the end of linear layout or won't display. I need help.thanks</p>
  
  <p>Note:i used <code>implementation 'com.ogaclejapan.smarttablayout:library:1.2.1@aar'
  </code></p>
  
  <p><strong>so please first run your code and give solution.my humble request</strong></p>
  
  <pre><code> &lt;LinearLayout
      android:id="@+id/viewPagerCountDots"
      android:layout_width="match_parent"
      android:layout_height="@dimen/pager_height"
      android:layout_above="@+id/ll_footer"
      android:layout_marginBottom="12dp"
      android:layout_alignParentLeft="true"
      android:gravity="center"
      android:orientation="horizontal" /&gt;
  //skip
  &lt;com.gc.materialdesign.views.ButtonFlat
      android:id="@+id/skip"
      android:layout_width="72dp"
      android:layout_height="wrap_content"
      android:layout_above="@id/viewPagerCountDots"
      android:layout_weight="0.5"
      android:text="Skip" /&gt;
  //next
  &lt;com.gc.materialdesign.views.ButtonFlat
      android:id="@+id/next"
      android:layout_width="72dp"
      android:layout_height="wrap_content"
      android:layout_above="@id/viewPagerCountDots"
      android:layout_alignParentEnd="true"
      android:layout_weight="0.5"
      android:text="Next" /&gt;
  </code></pre>