blocks|key|4389338|text|要禁用文本动画，还可以在dimens.xml文件中使用以下命令：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4389339|<dimen+name="design_bottom_navigation_active_text_size">12sp</dimen>|code-block|syntax|javascript|4389340|您可能还需要在清单中添加以下内容：|4389341|tools:override="true"|4389342|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

To disable the text animation you can also use this in your dimens.xml file:

<pre><code>&lt;dimen name="design_bottom_navigation_active_text_size"&gt;12sp&lt;/dimen&gt;
</code></pre>

You might also need to add this in your manifest : 

<pre><code>tools:override="true"
</code></pre>

blocks|key|4389867|text|Przemysław在Kotlin中的答案作为扩展函数|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4389868|@SuppressLint("RestrictedApi")
fun+BottomNavigationView.disableShiftMode()+{
++++val+menuView+=+getChildAt(0)+as+BottomNavigationMenuView
++++try+{
++++++++val+shiftingMode+=+menuView::class.java.getDeclaredField("mShiftingMode")
++++++++shiftingMode.isAccessible+=+true
++++++++shiftingMode.setBoolean(menuView,+false)
++++++++shiftingMode.isAccessible+=+false
++++++++for+(i+in+0+until+menuView.childCount)+{
++++++++++++val+item+=+menuView.getChildAt(i)+as+BottomNavigationItemView
++++++++++++item.setShiftingMode(false)
++++++++++++//+set+once+again+checked+value,+so+view+will+be+updated
++++++++++++item.setChecked(item.itemData.isChecked)
++++++++}
++++}+catch+(e:+NoSuchFieldException)+{
++++++++Log.e(TAG,+"Unable+to+get+shift+mode+field",+e)
++++}+catch+(e:+IllegalStateException)+{
++++++++Log.e(TAG,+"Unable+to+change+value+of+shift+mode",+e)
++++}
}|code-block|syntax|javascript|4389869|用法(使用Kotlin+Android扩展)：|4389870|bottom_navigation_view.disableShiftMode()|4389871|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

Przemysław's answer in Kotlin as an extension function

<pre><code>@SuppressLint("RestrictedApi")
fun BottomNavigationView.disableShiftMode() {
 val menuView = getChildAt(0) as BottomNavigationMenuView
 try {
 val shiftingMode = menuView::class.java.getDeclaredField("mShiftingMode")
 shiftingMode.isAccessible = true
 shiftingMode.setBoolean(menuView, false)
 shiftingMode.isAccessible = false
 for (i in 0 until menuView.childCount) {
 val item = menuView.getChildAt(i) as BottomNavigationItemView
 item.setShiftingMode(false)
 // set once again checked value, so view will be updated
 item.setChecked(item.itemData.isChecked)
 }
 } catch (e: NoSuchFieldException) {
 Log.e(TAG, "Unable to get shift mode field", e)
 } catch (e: IllegalStateException) {
 Log.e(TAG, "Unable to change value of shift mode", e)
 }
}
</code></pre>

Usage (with Kotlin Android Extensions):

<pre><code>bottom_navigation_view.disableShiftMode()
</code></pre>

blocks|key|4389376|text|要禁用文本动画并减小字体大小，请在dimens.xml文件中使用以下命令：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4389377|<dimen+name="design_bottom_navigation_text_size">10sp</dimen>+
<dimen+name="design_bottom_navigation_active_text_size">10sp</dimen>|code-block|syntax|javascript|4389378|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

To disable the text animation and decrease font size use this in your dimens.xml file:

<pre><code>&lt;dimen name="design_bottom_navigation_text_size"&gt;10sp&lt;/dimen&gt; 
&lt;dimen name="design_bottom_navigation_active_text_size"&gt;10sp&lt;/dimen&gt;
</code></pre>

blocks|key|4389623|text|对我很管用|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4389624|bottomNavigationView.setLabelVisibilityMode(LabelVisibilityMode.LABEL_VISIBILITY_LABELED);|code-block|syntax|javascript|4389625|或|4389626|<android.support.design.widget.BottomNavigationView
++++app:labelVisibilityMode="labeled"+/>|4389627|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

Works for me

<pre><code>bottomNavigationView.setLabelVisibilityMode(LabelVisibilityMode.LABEL_VISIBILITY_LABELED);
</code></pre>

or

<pre><code>&lt;android.support.design.widget.BottomNavigationView
 app:labelVisibilityMode="labeled" /&gt;
</code></pre>

blocks|key|4389757|text|这很简单，只需在BottomNaviationView中添加一个属性|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4389758|app:labelVisibilityMode="unlabeled"|code-block|syntax|javascript|4389759|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

It's very simple, Just add a property in BottomNaviationView

<pre><code>app:labelVisibilityMode="unlabeled"
</code></pre>

blocks|key|4389417|text|我和BottomNavigationView有一些奇怪的行为。当我选择其中的任何项目/片段时，片段会将BottomNavigationView推低一点，因此BottomNavigationView的文本将显示在屏幕下方，因此在单击任何项目时，只有图标可见，而文本将隐藏。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4389418|如果你正面临着这种奇怪的行为，那么这里就是解决方案。只需移除|4389419|android:fitsSystemWindows="true"|code-block|syntax|javascript|4389420|在片段根布局中。只要把这个去掉就行了！BottomNavigationView可以很好地工作，现在可以用文本和图标显示它。我在fragment的根CoordinatorLayout中有这个。|4389421|也别忘了添加|4389422|BottomNavigationViewHelper.disableShiftMode(bottomNavigationView);|4389423|在您的活动中禁用换挡模式。虽然它与所问的问题并不完全相关，但我仍然发现这是有帮助的。|4389424|entityMap^0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|T|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|V|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|W|8|@]|9|@]|A|$]]|$1|M|3|N|5|F|7|X|8|@]|9|@]|A|$G|H]]|$1|O|3|P|5|6|7|Y|8|@]|9|@]|A|$]]|$1|Q|3|-4|5|6|7|Z|8|@]|9|@]|A|$]]]|R|$]]

I had some weird behavior with BottomNavigationView. When I was selecting any item/fragment in it, the fragment pushes BottomNavigationView a bit lower, so text of BottomNavigationView goes below the screen, so only icons were visible and text goes hidden on clicking of any item.

If you are facing that weird behavior then Here is the solution.
Just remove

<pre><code>android:fitsSystemWindows="true"
</code></pre>

in your root layout of fragment. Just remove this and boom! BottomNavigationView will work fine, now it can be shown with text and icon. 
I had this in my root CoordinatorLayout of fragment.

Also don't forget to add

<pre><code>BottomNavigationViewHelper.disableShiftMode(bottomNavigationView);
</code></pre>

in your activity to disable shifting mode.
Though it is not exactly related to the asked question, but still I find this helpful.

blocks|key|4389464|text|这是我使用的第三方库，它有许多自定义选项，如禁用换挡模式，只显示图标，设置图标大小等。BottomNavigationViewEx|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|4389465|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/ittianyu/BottomNavigationViewEx^0|17|M|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

This is a third party library I use and it has many customization options like disabling shift mode, showing only icons, setting icons size, etc.
<a href="https://github.com/ittianyu/BottomNavigationViewEx" rel="nofollow noreferrer">BottomNavigationViewEx</a>

blocks|key|4389957|text|要完全删除动画，请执行以下操作：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4389958|如果你还想摆脱那些烦人的小上边距动画，你需要更多的反射代码。下面是删除所有动画的完整解决方案：|4389959|@SuppressLint("RestrictedApi")
private+static+void+disableShiftMode(BottomNavigationView+view)+{
++++BottomNavigationMenuView+menuView+=+(BottomNavigationMenuView)+view.getChildAt(0);
++++try+{
++++++++Field+shiftingMode+=+menuView.getClass().getDeclaredField("mShiftingMode");
++++++++shiftingMode.setAccessible(true);
++++++++shiftingMode.setBoolean(menuView,+false);
++++++++shiftingMode.setAccessible(false);
++++++++for+(int+i+=+0;+i+<+menuView.getChildCount();+i%2B%2B)+{
++++++++++++BottomNavigationItemView+item+=+(BottomNavigationItemView)+menuView.getChildAt(i);
++++++++++++item.setShiftingMode(false);

++++++++++++Field+shiftAmount+=+item.getClass().getDeclaredField("mShiftAmount");
++++++++++++shiftAmount.setAccessible(true);
++++++++++++shiftAmount.setInt(item,+0);
++++++++++++shiftAmount.setAccessible(false);

++++++++++++item.setChecked(item.getItemData().isChecked());
++++++++}
++++}+catch+(NoSuchFieldException+e)+{
++++++++Timber.e(e,+"Unable+to+get+fields");
++++}+catch+(IllegalAccessException+e)+{
++++++++Timber.e(e,+"Unable+to+change+values");
++++}
}|code-block|syntax|javascript|4389960|并确保将其添加到proguard配置文件中：|4389961|-keepclassmembers+class+android.support.design.internal.BottomNavigationMenuView+{+
++++boolean+mShiftingMode;+
}
-keepclassmembers+class+android.support.design.internal.BottomNavigationItemView+{+
++++int+mShiftAmount;
}|4389962|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|Q|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|R|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|S|8|@]|9|@]|A|$G|H]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

<h1>To completely remove animations:</h1>

If you also want to get rid of that annoying little top margin animation, you need more reflection code. Here's the complete solution that removes any animation:

<pre><code>@SuppressLint("RestrictedApi")
private static void disableShiftMode(BottomNavigationView view) {
 BottomNavigationMenuView menuView = (BottomNavigationMenuView) view.getChildAt(0);
 try {
 Field shiftingMode = menuView.getClass().getDeclaredField("mShiftingMode");
 shiftingMode.setAccessible(true);
 shiftingMode.setBoolean(menuView, false);
 shiftingMode.setAccessible(false);
 for (int i = 0; i &lt; menuView.getChildCount(); i++) {
 BottomNavigationItemView item = (BottomNavigationItemView) menuView.getChildAt(i);
 item.setShiftingMode(false);

 Field shiftAmount = item.getClass().getDeclaredField("mShiftAmount");
 shiftAmount.setAccessible(true);
 shiftAmount.setInt(item, 0);
 shiftAmount.setAccessible(false);

 item.setChecked(item.getItemData().isChecked());
 }
 } catch (NoSuchFieldException e) {
 Timber.e(e, "Unable to get fields");
 } catch (IllegalAccessException e) {
 Timber.e(e, "Unable to change values");
 }
}
</code></pre>

And make sure to add that to your proguard configuration file:

<pre><code>-keepclassmembers class android.support.design.internal.BottomNavigationMenuView { 
 boolean mShiftingMode; 
}
-keepclassmembers class android.support.design.internal.BottomNavigationItemView { 
 int mShiftAmount;
}
</code></pre>

blocks|key|4389663|text|将您的支持库更新到28.0.0。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4389664|bottomNav.setLabelVisibilityMode(LabelVisibilityMode.LABEL_VISIBILITY_LABELED);|code-block|syntax|javascript|4389665|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

update your support library to 28.0.0.

<pre><code>bottomNav.setLabelVisibilityMode(LabelVisibilityMode.LABEL_VISIBILITY_LABELED);
</code></pre>

blocks|key|4390033|text|如果您使用的是support:design:28.0.0，请将此行app:labelVisibilityMode="unlabeled“添加到您的BottomNavigationView|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4390034|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

If you are using support:design:28.0.0 add this line app:labelVisibilityMode="unlabeled" to your BottomNavigationView

blocks|key|4389903|text|我只想在上面添加这个方法disableShiftMode添加下面的代码。@SuppressLint("RestrictedApi")|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4389904|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

just want to add that above this method disableShiftMode add below code too.
@SuppressLint("RestrictedApi")

blocks|key|4389792|text|https://android.jlelse.eu/disable-shift-label-animation-from-bottom-navigation-android-b42a25dcbffc|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|4389793|1|4389794|<com.google.android.material.bottomnavigation.BottomNavigationView
...
app:itemHorizontalTranslationEnabled="false"/>|code-block|syntax|javascript|4389795|2|4389796|<com.google.android.material.bottomnavigation.BottomNavigationView
...
app:labelVisibilityMode="labeled"/>|4389797|3.|4389798|<resources+xmlns:tools="http://schemas.android.com/tools">
<dimen+name="design_bottom_navigation_active_text_size"
++++tools:override="true">12sp</dimen>|4389799|​|4389800|entityMap|0|LINK|mutability|MUTABLE|url^0|0|2R|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|11|8|@]|9|@$A|12|B|13|1|14]]|C|$]]|$1|D|3|E|5|6|7|15|8|@]|9|@]|C|$]]|$1|F|3|G|5|H|7|16|8|@]|9|@]|C|$I|J]]|$1|K|3|L|5|6|7|17|8|@]|9|@]|C|$]]|$1|M|3|N|5|H|7|18|8|@]|9|@]|C|$I|J]]|$1|O|3|P|5|6|7|19|8|@]|9|@]|C|$]]|$1|Q|3|R|5|H|7|1A|8|@]|9|@]|C|$I|J]]|$1|S|3|T|5|6|7|1B|8|@]|9|@]|C|$]]|$1|U|3|-4|5|6|7|1C|8|@]|9|@]|C|$]]]|V|$W|$5|X|Y|Z|C|$10|4]]]]

<a href="https://android.jlelse.eu/disable-shift-label-animation-from-bottom-navigation-android-b42a25dcbffc" rel="nofollow noreferrer">https://android.jlelse.eu/disable-shift-label-animation-from-bottom-navigation-android-b42a25dcbffc</a>

1

<pre><code>&lt;com.google.android.material.bottomnavigation.BottomNavigationView
...
app:itemHorizontalTranslationEnabled="false"/&gt;
</code></pre>

2

<pre><code>&lt;com.google.android.material.bottomnavigation.BottomNavigationView
...
app:labelVisibilityMode="labeled"/&gt;
</code></pre>

3

<pre><code>&lt;resources xmlns:tools="http://schemas.android.com/tools"&gt;
&lt;dimen name="design_bottom_navigation_active_text_size"
 tools:override="true"&gt;12sp&lt;/dimen&gt;
</code></pre>

BottomNavigationView doesn't show menu's title that are inactive.

How to show titles of all menu elements in bottomNavigationBar? 
The problem is that in my case shown only title of element that is clicked.

<a href="https://i.stack.imgur.com/lEomN.png"><img src="https://i.stack.imgur.com/lEomN.png" alt="enter image description here"></a>

How to disable BottomNavigationView shift mode?

BottomNavigationView不显示处于非活动状态的菜单标题。如何在bottomNavigationBar中显示所有菜单元素的标题？问题是，在我的例子中，只显示了被点击元素的标题。​​

问如何禁用BottomNavigationView换档模式？
EN

回答 12

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何禁用BottomNavigationView换档模式？EN

回答 12

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何禁用BottomNavigationView换档模式？
EN