title: How to set BottomNavigationBar equal spacing between menu items?
body: <p>I have an android app with a BottomNavigationBar in landscape mode with four menu items. The items are bunched together in the middle like so:</p>
  
  <p><a href="https://i.stack.imgur.com/8358z.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/8358z.png" alt="bunched items"></a></p>
  
  <p>I would like to have them evenly spread across the navigation bar like this:</p>
  
  <p><a href="https://i.stack.imgur.com/FELsi.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/FELsi.png" alt="evenly spaced items"></a></p>
  
  <p>How do I accomplish this formatting? </p>
  
  <p>Example images above come from the <a href="https://material.io/design/components/bottom-navigation.html" rel="nofollow noreferrer">material.io</a> docs</p>
  
  <p>My xml:</p>
  
  <pre><code>&lt;android.support.design.widget.BottomNavigationView
      android:id="@+id/navigation"
      android:layout_width="0dp"
      android:layout_height="wrap_content"
      android:layout_marginEnd="0dp"
      android:layout_marginStart="0dp"
      android:background="?android:attr/windowBackground"
      android:layout_alignParentBottom="true"
      app:layout_constraintBottom_toBottomOf="parent"
      app:layout_constraintLeft_toLeftOf="parent"
      app:layout_constraintRight_toRightOf="parent"
      app:menu="@menu/navigation"
      app:labelVisibilityMode="labeled" /&gt;
  </code></pre>
  
  <p>I would like my icons to be spread over the entire bar including the space annotated in red:</p>
  
  <p><a href="https://i.stack.imgur.com/c9UvO.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/c9UvO.png" alt="enter image description here"></a></p>