Android底部导航栏单个图标尺寸调整及空指针问题解决

空指针异常原因 #

你遇到的空指针问题，本质是BottomNavigationView还未完成布局初始化时，就尝试获取它的子View或内部的图标控件。此时menuView.getChildAt(2)或其内部的icon控件还未被创建，导致找不到目标View抛出异常。

解决方案 #

核心思路是等待View完全完成布局后再执行图标修改操作，同时用安全调用避免空指针。以下是两种可靠实现方式：

方式1：使用post()延迟执行

post()会将任务放到View的消息队列，等View完成测量、布局后再执行，确保子View已初始化：

// 在Activity的onStart()或Fragment的onViewCreated()中调用
override fun onStart() {
    super.onStart()
    val bottomNav = findViewById<BottomNavigationView>(R.id.bottom_nav)
    
    bottomNav.post {
        // 获取BottomNavigationMenuView（BottomNavigationView的核心子View）
        val menuView = bottomNav.getChildAt(0) as BottomNavigationMenuView
        // 获取第3个菜单项（索引从0开始，对应中间项）
        val middleItem = menuView.getChildAt(2) as BottomNavigationItemView
        
        // 安全获取图标控件，避免空指针
        middleItem.findViewById<ImageView>(androidx.core.R.id.icon)?.let { icon ->
            // 方式一：通过缩放比例放大图标
            icon.scaleX = 1.5f
            icon.scaleY = 1.5f
            
            // 方式二：直接修改图标宽高（二选一即可）
            // val params = icon.layoutParams
            // params.width = (params.width * 1.5).toInt()
            // params.height = (params.height * 1.5).toInt()
            // icon.layoutParams = params
            
            // 可选：调整图标位置，避免超出底部导航栏范围
            (middleItem.layoutParams as ViewGroup.MarginLayoutParams).topMargin = -16
        }
    }
}

方式2：使用布局变化监听

通过监听View的布局变化，确保只在布局完成后执行一次修改：

val bottomNav = findViewById<BottomNavigationView>(R.id.bottom_nav)
bottomNav.addOnLayoutChangeListener { view, _, _, _, _, _, _, _, _ ->
    // 安全转换子View，避免类型转换异常
    val menuView = view.getChildAt(0) as? BottomNavigationMenuView ?: return@addOnLayoutChangeListener
    val middleItem = menuView.getChildAt(2) as? BottomNavigationItemView ?: return@addOnLayoutChangeListener
    
    middleItem.findViewById<ImageView>(androidx.core.R.id.icon)?.let { icon ->
        // 只执行一次放大操作，避免重复触发
        if (icon.scaleX == 1f) {
            icon.scaleX = 1.5f
            icon.scaleY = 1.5f
        }
    }
    
    // 移除监听，防止布局变化时重复执行
    bottomNav.removeOnLayoutChangeListener(this)
}

关键注意事项 #

• 索引对应：第3个菜单项的索引是2（从0开始计数），不要搞错。
• 安全调用：使用as?（安全类型转换）和?.let{}（安全调用），避免强制转换或空指针异常。
• 位置调整：放大图标后如果超出BottomNavigationView范围，可通过修改topMargin让图标向上偏移，数值根据实际需求调整。
• 时机选择：在Activity的onStart()或Fragment的onViewCreated()之后执行，确保View已完成初始化。

内容的提问来源于stack exchange，提问作者Sparsh Dutta