KOTLIN - BottomNavigationBar 中的第一项不可见,标题问题

KOTLIN - First item in BottomNavigationBar isn't visible, title issues

我有一个包含 5 个项目的 BottomNavigationBar。除了名称和图标之外,第一项与其余项相同。这是 bottom_nav 菜单

的 xml
<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">

    <item
        android:id="@+id/name_configuration"
        android:title="Name Mech"
        android:icon="@drawable/ic_action_name"
        />

    <item
        android:id="@+id/mech_skills"
        android:title="Skills"
        android:icon="@drawable/ic_action_skills"
        />

    <item
        android:id="@+id/stat_hub"
        android:title="Stat Hub"
        android:icon="@drawable/ic_action_stats"
        />

    <item
        android:id="@+id/mech_weapons"
        android:title="Weapons"
        android:icon="@drawable/ic_action_weapon"
        />

    <item
        android:id="@+id/mech_systems"
        android:title="Systems"
        android:icon="@drawable/ic_action_system"
        />
</menu>

这是我用于图标的可绘制对象的 xml

<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="24dp"
    android:height="24dp"
    android:viewportWidth="24"
    android:viewportHeight="24"
    android:tint="#FFFFFF"
    android:alpha="0.8">
    <path
        android:fillColor="#FF000000"
        android:pathData="M3,17.25V21h3.75L17.81,9.94l-3.75,-3.75L3,17.25zM20.71,7.04c0.39,-0.39 0.39,-1.02 0,-1.41l-2.34,-2.34c-0.39,-0.39 -1.02,-0.39 -1.41,0l-1.83,1.83 3.75,3.75 1.83,-1.83z"/>
</vector>

最后,这是我用于 Bar 本身的 xml

<com.google.android.material.bottomnavigation.BottomNavigationView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/btm_nav"
        app:layout_constraintBottom_toBottomOf="parent"
        android:background= "@color/colorPrimary"
        app:menu="@menu/bottom_nav"/>

其余可绘制对象的 xml 完全相同(它们使用不同的图标,但这与 xml 本身无关)。但是,name_configuration 项在底部导航栏中是不可见的。单击时它的行为与其他项目相同(它们传递 SharedPreferences 值并移动到不同的活动),它只是不可见。但是,当按下底部导航栏上的其他按钮时,名称按钮会在应用程序转到下一个 activity 之前暂时变为右侧 color/transparency,并且名称按钮会再次变得不可见。

此外,Name Mech 的标题是底部导航栏中任何按钮出现的唯一标题。 "Name Mech"出现在底部导航栏的图标下方,但是"Skills"、"StatHub"、"Weapons"、"Systems"并没有出现在底部导航栏各自的图标下方导航栏.

任何指导将不胜感激。

视图隐藏了您的标签。您可以在 BottomNavigationView 上设置 app:labelVisibilityMode="labeled" 以强制显示它们。我相信如果他们占用太多空间,文本将被切断。

当你没有为你的 BottomNavigationView 设置 'labelVisibilityMode' 时,它默认是自动模式,在这种模式下只有第一个项目被标记而另一个没有被标记。当您将 'labelVisibilityMode' 设置为已标记时,所有项目都将被标记。

在默认模式下是:

app:labelVisibilityMode="auto"

你改成:

app:labelVisibilityMode="labeled"

此外,如果您根本不需要标签,只需设置:

app:labelVisibilityMode="unlabeled"

我遇到了同样的问题,但现在我的代码可以正常工作了。试试我的代码:

在 build.gradle(:app):

dependencies {
    implementation fileTree(dir: 'libs', include: ['*.jar'])
    implementation"org.jetbrains.kotlin:kotlin-stdlib-jdk7:$kotlin_version"
    implementation 'com.android.support:appcompat-v7:28.0.0'
    implementation 'com.android.support.constraint:constraint-layout:1.1.3'
    testImplementation 'junit:junit:4.12'
    androidTestImplementation 'com.android.support.test:runner:1.0.2'
    androidTestImplementation 'com.android.support.test.espresso:espresso-core:3.0.2'
    implementation 'com.android.support:design:28.0.0'
}

在XML中:

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout android:layout_height="match_parent"
    android:layout_width="match_parent"
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto">
    <com.google.android.material.bottomnavigation.BottomNavigationView
        android:id="@+id/navigationView"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginEnd="0dp"
        android:layout_marginStart="0dp"
        android:background="?android:attr/windowBackground"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:itemBackground="@color/colorPrimary"
        app:itemIconTint="#fff"
        app:itemTextColor="#fff"
        app:menu="@menu/menu"
        app:labelVisibilityMode="unlabeled"/>
</androidx.constraintlayout.widget.ConstraintLayout>