BottomNavigationView - How to uncheck all MenuItems and keep Titles being displayed?
<p>As I liked the design from <code>BottomNavigationView</code> I decided to implement a new Menu for my App with it, instead of just using simple buttons.</p>

<p>I took <a href="https://stackoverflow.com/questions/36032177/android-new-bottom-navigation-bar">this</a> post as a guideline. </p>

<p>According to <code>BottomNavigationView</code>'s <a href="https://material.io/guidelines/components/bottom-navigation.html#bottom-navigation-usage" rel="noreferrer">documentation</a>, its purpose is to </p>

<blockquote>
  <p>provide quick navigation between top-level views of an app. It is
  primarily designed for use on mobile.</p>
</blockquote>

<p>In my case, I just want each <code>MenuItem</code> to launch an activity, but by default there is always one <code>MenuItem</code> selected:</p>

<p><a href="https://i.stack.imgur.com/Kh6Rt.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/Kh6Rt.jpg" alt="enter image description here"></a></p>

<p>I tried to set the color to white with:</p>

<pre><code>app:itemIconTint="@color/white"
app:itemTextColor="@color/white"
</code></pre>

<p>Still, visibly selected <code>MenuItem</code> is different from others (Title size bigger), which is still bothering me:</p>

<p><a href="https://i.stack.imgur.com/XoAwL.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/XoAwL.jpg" alt="enter image description here"></a></p>

<p>I came with the idea to place a hidden <code>MenuItem</code> to select like:</p>

<pre><code>&lt;item
android:id="@+id/uncheckedItem"
android:title="" /&gt;
</code></pre>

<p>and make its view <code>GONE</code>:</p>

<pre><code> bottomNavigationView.getMenu().findItem(R.id.uncheckedItem).setChecked(true);
 bottomNavigationView.findViewById(R.id.uncheckedItem).setVisibility(View.GONE);
</code></pre>

<p>This makes all MenuItems unchecked, but by default <code>BottomNavigationView</code> is hidding Titles, as it has more than 3 MenuItems to display, even if the fourth <code>MenuItem</code> is settle to <code>GONE</code>:</p>

<p><a href="https://i.stack.imgur.com/UAjQI.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/UAjQI.jpg" alt="enter image description here"></a></p>

<p>So my question remains, is there  away/hack to unselect all MenuItems and keep its titles being displayed?</p>