底部导航视图图标问题

Question

我的BottomNavigationView中的图标未在不同的屏幕上按预期显示，我正在使用material:1.1.0-alpha07，并且标签和文本重叠了。似乎图标被包装在未设置为match_parent的视图中，并且将项目压碎到固定高度。以下屏幕截图来自Tablet Emulator 10.1 WXGA API 29：

这是我手机上的XZ5P外观：

这是样式：

    <style name="bnb_style" parent="@style/Widget.MaterialComponents.BottomNavigationView">
        <item name="android:layout_width">match_parent</item>
        <item name="android:layout_height">@dimen/fifty_six_dp</item>
        <item name="fontFamily">@font/ubuntu_condensed_regular</item>
        <item name="itemIconTint">@drawable/bnb_colors</item>
        <item name="itemIconSize">@dimen/twenty_four_dp</item>
        <item name="itemTextColor">@drawable/bnb_colors</item>
        <item name="itemTextAppearanceInactive">@style/bnb_style_text_appearance</item>
        <item name="itemTextAppearanceActive">@style/bnb_style_text_appearance</item>
        <item name="labelVisibilityMode">labeled</item>
    </style>

    <style name="bnb_style_text_appearance" parent="nav_bar_style_text_appearance">
        <item name="android:textSize">@dimen/twelve_sp</item>
        <item name="android:includeFontPadding">false</item>
    </style>

我尝试过让孩子离开BottomNavigationView并更改其params时没有运气。我还将该库“降级”到1.0.0并保持不变。这些屏幕截图是使用开发人员选项中的“显示布局范围”拍摄的。 如果我可以确定视图在运行时重叠，则可以禁用labels作为解决方法，但是，找不到解决方法。

有什么想法可以解决这个问题吗？