Android BottomNavigationView配置4个菜单项时两侧留白无法占满全宽

• 该问题并非偶数个菜单项的原生限制，本质是Material 组件库 BottomNavigationView 的内置设计逻辑触发了留白规则，和布局属性设置、padding配置无关联。
• 组件内置了单个导航项的最大宽度阈值（默认值为160dp），且不同菜单项数量的宽度计算逻辑存在分支差异：
  • 配置3个菜单项时，组件会跳过最大宽度限制判断，直接将所有导航项均分占满整个容器宽度，不会出现两侧留白。
  • 配置4个及以上菜单项时，组件会先对每个单项施加160dp的最大宽度约束，再将所有菜单项作为整体居中排布。如果所有菜单项的总宽度小于容器实际宽度，剩余空间就会以对称留白的形式分布在导航栏左右两侧。
  • 配置5个菜单项时表现正常，是因为5个菜单项均分后的单项目宽度小于160dp的阈值，所有菜单项的总宽度刚好等于容器宽度，不会触发留白逻辑。

以700dp宽度的平板/大屏窗口为例，不同菜单项数量的计算结果为：

• 3个菜单项：单项目均分宽度约233dp，因跳过最大宽度限制，所有项总宽度700dp，占满无留白
• 4个菜单项：受160dp最大宽度约束，单项目实际宽度160dp，所有项总宽度640dp，剩余60dp空间平均分布在左右两侧，形成可见空白
• 5个菜单项：单项目均分宽度140dp <160dp阈值，所有项总宽度700dp，占满无留白

• 通过自定义主题属性覆盖默认的单菜单项最大宽度限制，将阈值调整为不小于单菜单项实际均分宽度，即可消除两侧空白：
  1. 在styles.xml中定义自定义样式，继承Material官方的BottomNavigationView主题：

     <style name="CustomBottomNavStyle" parent="Widget.MaterialComponents.BottomNavigationView">
         <item name="bottomNavigationItemMaxWidth">1000dp</item>
     </style>
     

  2. 在布局文件的BottomNavigationView标签上关联该自定义样式：

     app:theme="@style/CustomBottomNavStyle"
     

• 补充说明：如果是在常规尺寸手机屏幕（360dp-420dp宽度）上出现该问题，可检查项目中是否引入了大屏适配资源配置（比如sw600dp维度的资源适配），这类适配会自动放大可用布局宽度，间接触发上述的最大宽度约束逻辑。

内容的提问来源于stack exchange，提问作者Yann Gagne