BottomNavigationView转BottomNavigationItemView类型转换异常及顶部栏添加求助

崩溃原因 #

1. 参数传错ID：调用showBadge时，你传入了R.id.bottom_nav_view（BottomNavigationView自身的ID），而非底部导航菜单中具体item的ID，导致findViewById返回BottomNavigationView实例，强制转换为BottomNavigationItemView时抛出类型转换异常。
2. 获取ItemView方式错误：直接通过findViewById获取BottomNavigationItemView的方式不可靠，Material Design组件内部布局结构可能变化，正确方式是通过菜单索引定位对应Item视图。

修复步骤 #

1. 修正调用参数 #

在Activity的onCreate方法中，将showBadge的第三个参数替换为底部导航菜单中目标item的实际ID（比如menu_bottom_nav.xml中的R.id.nav_home）：

override fun onCreate(savedInstanceState: Bundle?) {
    super.onCreate(savedInstanceState)
    databinding=DataBindingUtil.setContentView(this,R.layout.activity_home)

    viewmodel=ViewModelProvider(this,factory).get(HomeViewmodel::class.java)

    // 替换为你菜单中实际的item ID
    BottomNavigationHelper().showBadge(this, databinding.bottomNavView, R.id.nav_home)
}

2. 重写BottomNavigationHelper类 #

修改辅助类方法，通过菜单索引正确获取BottomNavigationItemView：

class BottomNavigationHelper {

    fun showBadge(context: Context, bottomNavigationView: BottomNavigationView, @IdRes itemId: Int) {
        removeBadge(bottomNavigationView, itemId)
        // 通过菜单找到目标item的索引
        val menu = bottomNavigationView.menu
        val menuItemIndex = findMenuItemIndexById(menu, itemId)
        if (menuItemIndex == -1) return

        // 获取BottomNavigationItemView
        val menuViewGroup = bottomNavigationView.getChildAt(0) as? ViewGroup ?: return
        val bottomNavItemView = menuViewGroup.getChildAt(menuItemIndex) as? BottomNavigationItemView ?: return

        // 添加顶部栏视图
        val badge = LayoutInflater.from(context).inflate(R.layout.layout_bottom_nav_badge, bottomNavItemView, false)
        bottomNavItemView.addView(badge)
    }

    fun removeBadge(bottomNavigationView: BottomNavigationView, @IdRes itemId: Int) {
        val menu = bottomNavigationView.menu
        val menuItemIndex = findMenuItemIndexById(menu, itemId)
        if (menuItemIndex == -1) return

        val menuViewGroup = bottomNavigationView.getChildAt(0) as? ViewGroup ?: return
        val bottomNavItemView = menuViewGroup.getChildAt(menuItemIndex) as? BottomNavigationItemView ?: return

        // 移除已添加的顶部栏
        if (bottomNavItemView.childCount > 2) {
            bottomNavItemView.removeViewAt(2)
        }
    }

    // 根据itemId查找菜单中的索引
    private fun findMenuItemIndexById(menu: Menu, itemId: Int): Int {
        for (i in 0 until menu.size()) {
            if (menu.getItem(i).itemId == itemId) {
                return i
            }
        }
        return -1
    }
}

3. 验证菜单文件 #

确保menu_bottom_nav.xml中存在对应的item ID，示例结构：

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:id="@+id/nav_home"
        android:icon="@drawable/ic_home"
        android:title="首页"/>
    <!-- 其他导航项 -->
</menu>

内容的提问来源于stack exchange，提问作者Vishnu Satheesh