最新版BottomNavigationView 3个以上图标不显示文字解决方法

最新推荐文章于 2024-08-08 07:44:56 发布
最新推荐文章于 2024-08-08 07:44:56 发布
阅读量4k 收藏 6
点赞数 2
分类专栏： 自定义view
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u014644594/article/details/105700278
版权

既然遇到此问题，那么BottomNavigationView的作用就不多介绍了。

当图标小于等于3个时，显示的是图标加文字。

当图标大于3个时，显示图标和当前页的文字。

     

网上搜索使用反射的方法，修改BottomNavigationMenuView的shiftMode属性 https://www.jianshu.com/p/0ba25cc65889

遗憾的是我的代码中BottomNavigationItemView类并没有setShiftingMode方法

blob.png

进入到BottomNavigationMenuView类中查看onMeasure方法，发现这个版本中判断方法已经改为isShifting

blob.png

blob.png

由isShifting方法可见，当labelVisibilityMode==0时或按钮数大于3则位移，那么只要将labelVisibilityMode值设置为不是0和-1就可以了。回到BottomNavigationView类，可以使用setLabelVisibilityMode方法设置labelVisibilityMode值

blob.png

blob.png

在Activity中修改显示方式

blob.png

结果

Screenshot_2019-02-18-16-20-33.png

另外补充下我的AS版本为3.3.1。build.gradle的dependencies配置 

implementation 'com.android.support:design:28.0.0'

卖火柴的小男孩2020
关注
专栏目录
BottomNavigationView + ViewPager2 实现底部导航栏切换 + 自定义渐变
21空间的博客
07-14 910
BottomNavigationView 的默认样式和行为是为标准使用场景设计的，如果需要进行深度定制，比如复杂的动画效果或不常见的布局，可能需要大量的代码来实现。BottomNavigationView 和 ViewPager2 的结合能够提供优秀的用户体验，同时简化开发过程，提高应用性能。
BottomNavigationView和viewpager解决图片不显示只改变颜色的问题
05-18
BottomNavigtionView和viewPager的结合使用，同时解决图标都显示同样的颜色，而不显示UI设计的图标的问题
探秘BottomNavigationViewEx：打造灵活多变的底部导航栏
最新发布
gitblog_01048的博客
08-08 536
探秘BottomNavigationViewEx：打造灵活多变的底部导航栏 BottomNavigationViewExAn android lib for enhancing BottomNavigationView. 一个增强BottomNavigationView的安卓库。项目地址:https://gitcode.com/gh_mirrors/bo/BottomNavigationView...
BottomNavigationView3个以上图标不显示文字
lxy1740的博客
09-28 916
问题 当BottomNavigationView设置的菜单中超过三个图标时，出现只有焦点聚集到图标时才会显示底部设置的文字描述，当没有焦点聚集则只显示图标，效果如下： 解决办法 设置labelVisibilityMode值 如果BottomNavigationItemView类并没有setShiftingMode方法 进入到BottomNavigationMenuView类中查看onMeasure方法，发现这个版本中判断方法已经改为isShifting 由isShifting方法可见，当labelVi
android_拓展_api 28以后bottomNavigationView不显示文字
写bug的蚊子的博客
07-29 333
Api等级大于28时，BottomNavigationView控件item多于3个时文字不显示。 在xml中添加一个属性就可以解决了。 参考：https://www.jianshu.com/p/5e3b9f59a936， https://blog.csdn.net/lynchee/article/details/86062582 升级到API28后，只要设置属性就可以解决，如下： <com.google.android.material.bottomnavigation.BottomNavig
Android BottomNavigationView底部菜单栏文字显示问题
Heyn的征途
11-24 488
2. BottomNavigationView 如果tab栏数据大于3个，那么图标会显示出来，但是文字会隐藏；1. BottomNavigationView 如果tab栏数据小于等于3个，那么图标和文字都是展示出来；3. 解决方式： （当底部tab栏个数大于3个时，也会显示图标+ 文字）
flutter BottomNavigationBarItem设置不显示title文字
theSmallTears的博客
12-19 3427
BottomNavigationBarItem( icon:Icon(Icons.book), title:newContainer(), backgroundColor:Colors.orange ), title 设置成 new Container(); 转至https://blog.csdn.net/jl...
Android studio BottomNavigationView 应用设计
01-03
在Android应用开发中，BottomNavigationView是一种常用的导航组件，它位于屏幕底部，通常包含三到五个图标，用于在不同页面间切换。本教程将深入探讨如何在Android Studio中有效地设计和实现BottomNavigationView。 ...
BottomNavigationView》底部导向栏 和 《viewPager》的结合使用
12-14
`BottomNavigationView`是Google提供的Material Design组件，用于在屏幕底部显示一个带有多个选项的导航栏，而`ViewPager`则允许用户通过左右滑动来浏览多个页面。下面我们将详细探讨如何将这两个组件整合到一起。 ...
EnhancedNavigationView：您可以在所有android应用中找到的不同的BottomNavigationView
02-03
`EnhancedNavigationView` 是一个专为 Android 应用设计的组件，它扩展了原生的 `BottomNavigationView`，提供更多的自定义选项和功能，以满足开发者在构建现代化、美观的应用时的需求。`BottomNavigationView` 是 ...
Android Material Design 系列之 BottomNavigationView + ViewPager + Fragment + BadgeView 开发详解
一名互联网时代苟且偷生的 Android码农
07-13 2609
前言 BottomNavigationView 是 Material Design 提供的一个标准底部导航栏的实现，可以轻松的实现导航栏菜单之间的切换与浏览。底部导航使用户更方便的查看和切换最高层级的导航界面，适用于有三到五个 Tab 的情况。 APP 底部导航栏目中，有新消息提示用户，并在导航栏底部显示具体消息数，这种效果主流 APP 都有应用。本文就介绍 BottomNavigationView + ViewPager + Fragment + BadgeView 可以达到微信消息角标效果和 QQ 消息
BottomNavigationView实现material design 的tab选项卡效果
11-13
BottomNavigationView实现material design 的tab选项卡效果
底部导航栏控件BottomNavigationView的使用和修改样式
11-14
底部导航栏控件BottomNavigationView的使用和修改样式 效果：http://blog.csdn.net/qq_37902949/article/details/78528787
android项目布局不显示,Android BottomNavigationView项目显示不带文字布局不隐藏在滚动...
weixin_29587015的博客
05-27 418
你好，我已经实施了design libraryBottomNavigationView。它的作品完美，但我不知道为什么我的菜单图标不显示文本也我想它隐藏向下滚动，如Floating Action Button。但我没有找到任何方法来做到这一点。我读Developers Docs，但我没有找到任何解决方案，我的问题。Android BottomNavigationView项目显示不带文字布局不隐藏在...
android安装图标不显示文字,最新版BottomNavigationView 3个以上图标不显示文字解决方法...
weixin_33568172的博客
05-29 330
既然遇到此问题，那么BottomNavigationView的作用就不多介绍了。当图标小于等于3个时，显示的是图标加文字。当图标大于3个时，显示图标和当前页的文字。 网上搜索使用反射的方法，修改BottomNavigationMenuView的shiftMode属性https://www.jianshu.com/p/0ba25cc65889遗憾的是我的代码中BottomNavigation...
Android BottomNavigationView大于3个menu文字和icon都显示
Like a dream
12-06 2370
最近在使用navigation，遇到了一个问题，就是当BottomNavigationView中的menu数量大于3个时，会默认只显示当前menu的文字，其他的menu只有icon，而我的需求是所有menu的文字和icon都要显示。百度了一下之后，大部分的解决方法是通过反射，拿到内部变量，然后改变属性。上链接： 当使用BottomNavigationView菜单项多于3个时，去除动画效果，显示菜单...
BottomNavigationView底部图标和文字的显示问题
梦想不只是梦与想的博客
10-17 2831
一、BottomNavigationView3个以上图标不显示文字 当图标大于3个时，显示图标和当前页的文字。调用BottomNavigationView的setLabelVisibilityMode方法可以解决 布局设置： <com.google.android.material.bottomnavigation.BottomNavigationView android:id="@+id/bnv_main" app:menu="@menu/bottom_nav
安卓底部导航栏不显示文字问题（Kotlin）
lgz0921的博客
04-23 1207
方法一： kt文件中修改（拿到组件修改属性）： val bottomNav = findViewById<BottomNavigationView>(R.id.bottom_nav) //设置底部menu文字全部显示 bottomNav.labelVisibilityMode = LABEL_VISIBILITY_LABELED 解释，看源码： 方法二： 在xml中修改（加上这个属性，跟方法一原理一样）： 解释，看源码： ...
BottomNavigationView，去掉底部菜单栏的ShiftingMode动画效果（记录一下,防止忘记）
MouseLikeCat的博客
05-14 2492
不废话，简单写，以及代码解释写一个Helper类，写一个方法，方法名叫disbleShiftMode，传入BottomNavigationView参数，下面代码，就是去除ShiftingMode效果，没有别的了。//获取指定位置的视图 BottomNavigationMenuView menuView = (BottomNavigationMenuView) navigationV...
Android BottomNavigationView 不显示文字
06-09
当在Android中使用BottomNavigationView时，如果底部导航栏中的文字没有显示，可能是由于以下几个原因： 1. XML布局问题：确保`app:itemTextAppearance`属性设置了正确的文字样式和大小。例如，添加或检查`<item>`标签中的`android:textSize`和`android:textColor`属性。 ```xml <item android:id="@+id/action_home" android:icon="@drawable/ic_home" app:showAsAction="always" android:title="@string/home" /> ``` 2. 资源引用错误：确保`strings.xml`中的字符串ID与XML中`android:title`引用的字符串ID匹配。 3. NavigationItem未启用文字：如果你只想显示图标而隐藏文字，可以在`NavigationView`的`onNavigationItemSelectedListener`中设置每个`MenuItem`为不可点击。 ```java navView.setNavigationItemSelectedListener(new NavigationView.OnNavigationItemSelectedListener() { @Override public boolean onNavigationItemSelected(@NonNull MenuItem item) { switch (item.getItemId()) { case R.id.action_home: // 执行相应的操作，忽略点击事件 return false; } return true; } }); ``` 4. 底部导航栏主题：检查你的`styles.xml`中的`BottomNavigationView`主题是否正确设置了字体属性。 5. 版本兼容性问题：确保你的应用支持的API级别与BottomNavigationView在不同版本中的行为一致。
评论 8
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值