BottomNavigationView底部图标和文字的显示问题

最新推荐文章于 2025-03-31 16:00:36 发布

cdcdec

最新推荐文章于 2025-03-31 16:00:36 发布

阅读量2.4k

点赞数 3

分类专栏： Android 文章标签： android

本文链接：https://blog.csdn.net/cdc_csdn/article/details/116453468

版权

Android 专栏收录该内容

46 篇文章

订阅专栏

本文介绍了在使用BottomNavigationView时遇到的两个常见问题及其解决方法：一是当底部导航栏有超过3个选项时如何显示所有选项的文字；二是如何保持图标显示其原始颜色而非单一的textColor。通过设置`setLabelVisibilityMode`为`LABEL_VISIBILITY_LABELED`来显示所有文字，调用`setItemIconTintList(null)`来取消图标的颜色覆盖，从而恢复图标原始色彩。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

BottomNavigationView底部图标和文字的显示问题

一、BottomNavigationView3个以上图标不显示文字

当图标大于3个时，显示图标和当前页的文字。调用BottomNavigationView的setLabelVisibilityMode方法可以解决。

        //setLabelVisibilityMode(LabelVisibilityMode.LABEL_VISIBILITY_LABELED)
        mBinding!!.navView.labelVisibilityMode= LabelVisibilityMode.LABEL_VISIBILITY_LABELED

二、BottomNavigationView图标不显示原始颜色

不显示图标的原始颜色，只显示app:itemTextColor属性中指定的颜色。可以通过调用BottomNavigationView的setItemIconTintList(null)方法解决。

        //mBinding!!.navView.setItemIconTintList(null)
        mBinding!!.navView.itemIconTintList = null

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

cdcdec

关注关注

3
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

BottomNavigationView + ViewPager2 实现底部导航栏切换 + 自定义渐变

21空间的博客

07-14

1141

BottomNavigationView 的默认样式和行为是为标准使用场景设计的，如果需要进行深度定制，比如复杂的动画效果或不常见的布局，可能需要大量的代码来实现。BottomNavigationView 和 ViewPager2 的结合能够提供优秀的用户体验，同时简化开发过程，提高应用性能。

BottomNavigationView修改图标/文字大小，替换图标

qq_43603312的博客

03-03

5050

????修改图标大小，代码中的20修改为自己需要的大小即可 private void adjustNavigationIcoSize(BottomNavigationView navigation){ BottomNavigationMenuView menuView = (BottomNavigationMenuView) navigation.getChildAt(0); ...

参与评论您还未登录，请先登录后发表或查看评论

Android BottomNavigationView 完全自定义指南：图标、文字颜色与选中状态

最新发布

tangweiguo03051987的博客

03-31

488

通过以上方法，你可以完全掌控 BottomNavigationView 的视觉和交互行为，轻松实现设计需求！：应用主题需继承 Theme.MaterialComponents。✅ 控制文字显示模式（始终显示/仅选中显示/自动隐藏）：所有图标建议使用相同尺寸（如 24x24dp）。通过 Material Design 的。✅ 自定义选中与默认文字颜色。✅ 动态切换选中/默认图标。✅ 添加动画和高级样式调整。根据空间自动调整（默认）

BottomNavigationView和viewpager解决图片不显示只改变颜色的问题

05-18

BottomNavigtionView和viewPager的结合使用，同时解决图标都显示同样的颜色，而不显示UI设计的图标的问题

Android BottomNavigationView底部菜单栏文字显示问题

Heyn的征途

11-24

656

2. BottomNavigationView 如果tab栏数据大于3个，那么图标会显示出来，但是文字会隐藏；1. BottomNavigationView 如果tab栏数据小于等于3个，那么图标和文字都是展示出来；3. 解决方式：（当底部tab栏个数大于3个时，也会显示图标+ 文字）

bottomnavigationview 自定义图标_苹果史上最大更新，iOS 14桌面图标任意改，有安卓味了...

weixin_39864387的博客

10-30

394

就在今天凌晨，苹果推送了 iOS 14.0.1 正式版更新。这个更新主要修复了一些 iOS 14 初版中存在的 Bug 。一直不敢升级系统的小伙伴，现在可以放心升级了。桌面任意改iOS 系统越来越开放，可玩性也越来越高。在 iOS 14 这代系统中，苹果甚至引入了和安卓类似的桌面小组件。(PS：两个系统的小组件还是有些细微区别的，苹果的桌面小组件只做信息展示，不能交互，点击后会自动打开程...

BottomNavigationView设置底部图标切换

lxy1740的博客

09-28

2649

系统默认设置 BottomNavigationView 默认底部其实是一张图片与颜色的切换，下面是系统自带的设置 <?xml version="1.0" encoding="utf-8"?> <menu xmlns:android="http://schemas.android.com/apk/res/android"> <item android:id="@+id/navigation_home" android:icon="@d

Android |（八）BottomNavigationView 底部导航栏

codeSong的博客

07-10

884

实战演示——微信底部导航栏

BottomNavigationView实现底部导航

04-22

在Android应用开发中，`BottomNavigationView` 是一个非常重要的组件，它用于实现底部导航功能，让用户可以在多个主要视图之间轻松切换。这个组件通常包含3到5个图标和相应的文字标签，代表应用的主要功能模块。在...

BottomNavigationView底部导航demo

01-12

【BottomNavigationView底部导航demo】是Android开发中的一个关键知识点，用于在应用的底部提供一种便捷的多页面切换方式。在Android应用设计中，底部导航栏（Bottom Navigation）是一种常见的界面元素，它允许用户...

BottomNavigationView去除菜单项动画效果代码

08-17

通常，当菜单项数量过多时，BottomNavigationView 会自动隐藏文字，仅显示图标。为了解决这个问题，可以创建一个自定义的 ItemDecoration，并在其中调整视图的高度和布局，以便容纳所有的文字。但需要注意的是，...

底部导航栏控件BottomNavigationView的使用和修改样式

11-14

底部导航栏控件BottomNavigationView的使用和修改样式效果：http://blog.csdn.net/qq_37902949/article/details/78528787

使用自定义 BottomNavigationView +Menu 快速实现界面切换效果

05-21

通过自定义BottomNavigationView +menu 快速实现底部栏切换，并可以结合ViewPager +Fragment ，代码量少，实现方便

android_jetpack_BottomNavigationView的属性(图标,文字)设置

写bug的蚊子的博客

07-29

2014

底部导航栏底部导航栏的使用比较常见，目前常用的APP几乎都是使用底部导航栏将内容分类。底部导航栏的实现也比较简单，可以通过自定义的方式来实现，通常每个item就是由一个icon和title组成的，然后再控制下是否点击的状态即可。当然也可以使用官方在support包内提供的BottomNavigationView来实现，于简单的需求来说，使用BottomNavigationView来实现，还是比较方便的。 BottomNavigationView的使用方法 BottomNavigationView的接入，特

【Bug】Android BottomNavigationView 图标黑色色块问题

邵旺运的博客

01-04

1308

最近在研究Android Jetpack组件，在使用Navigation配合底部导航栏时，发现一个奇怪的问题，如下：我的第三个图标变成了一个黑色色块，这个问题前两天我遇见过，当时是三个图标全部变成黑色块，另一个demo中的三个图标就没事，综合今天这个部分黑色色块的情况，我觉得这是一个值得记录的问题

bottomnavigationview 自定义图标_文件夹太多分不清？不如给它们换图标吧！

weixin_39694838的博客

11-08

650

Hello 大家好，这里是工具狂人。对于资料整理，相信大家都有自己的一套方法——批量命名，分门别类，这是大家常见的做法。许多同学都会选择把不同资料按一定类别放在不同的文件夹里。但是问题来了，如果文件夹一多起来，图标之间相互干扰，要找到对应的文件夹同样很困难。而今天介绍的，是一款能够更换文件夹图标的软件：Dr. Folder 目录博士。Dr. Folder中有非常多的图标库，可以自由更换文...

Android底部导航BottomNavigationView

mulanlong的博客

11-29

979

1.BottomNavigationVIew，它是AndroidSupport Library 25.0.0 版本中，新增加了一个API，底部导航视图。支持库：implementation 'com.android.support:design:28.0.0' 2.看布局文件： <android.support.design.widget.BottomNavigationView...

【Android】【UI】BottomNavigationView 底部icon图标选中状态

凡人的专栏

03-21

2942

设置如下item，当item被选中时，系统会给变更为colorPrimary所设置的颜色。想取消颜色，而是显示成自己配置的被选中的图片 <?xml version="1.0" encoding="utf-8"?> <menu xmlns:android="http://schemas.android.com/apk/res/android"> <item android:id="@+id/navigation_home" androi

Android BottomNavigationView 不显示文字

06-09

当在Android中使用BottomNavigationView时，如果底部导航栏中的文字没有显示，可能是由于以下几个原因： 1. XML布局问题：确保`app:itemTextAppearance`属性设置了正确的文字样式和大小。例如，添加或检查`<item>`...