Android 底部AppBar中未显示菜单项文本

我一直在尝试添加菜单项的标题以及Android Studio底部应用程序栏中的菜单图标。我试着设置：

app:showAsAction="ifRoom|withText"

但它不起作用。只有图标显示。我还尝试创建自己的布局文件并使用actionLayout：

        android:actionLayout="@layout/menu_item_lists"

这也没用

我想要的示例（图标下方有文本）：

现在的样子：

我的活动的XML：

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_main_constraint_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#ededed"
    tools:context=".MainActivity">


    <fragment
        android:id="@+id/activity_main_nav_host_fragment"
        android:name="androidx.navigation.fragment.NavHostFragment"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:defaultNavHost="true"
        app:navGraph="@navigation/navigation_graph" />

    <androidx.coordinatorlayout.widget.CoordinatorLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <com.google.android.material.bottomappbar.BottomAppBar
            android:id="@+id/bottomAppBar"
            style="@style/Widget.MaterialComponents.BottomAppBar"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_gravity="bottom"
            android:background="#ffffff"
            app:fabAlignmentMode="end"
            app:fabCradleMargin="8dp"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent" />

        <com.google.android.material.floatingactionbutton.FloatingActionButton
            android:id="@+id/floatingActionButton"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:clickable="true"
            android:focusable="true"
            app:backgroundTint="@color/colorPrimary"
            app:layout_anchor="@id/bottomAppBar"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintHorizontal_bias="0.502"
            app:layout_constraintStart_toStartOf="parent"
            app:rippleColor="@color/colorAccent"
            app:srcCompat="@drawable/ic_add_white_24dp" />

    </androidx.coordinatorlayout.widget.CoordinatorLayout>

</androidx.constraintlayout.widget.ConstraintLayout>

我的菜单和代码：

    <?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto">
    <item android:id="@+id/fragment_menu_lists"
        android:title="Handlelister"
        android:icon="@drawable/ic_format_list_bulleted_black_24dp"
        android:actionLayout="@layout/menu_item_lists"
        app:showAsAction="ifRoom|withText" />
    <item android:id="@+id/fragment_menu_stores"
        android:title="Butikker"
        android:icon="@drawable/ic_map_black_24dp"
        app:showAsAction="ifRoom|withText"/>
    <item android:id="@+id/fragment_menu_profile"
        android:title="Profil"
        android:icon="@drawable/ic_person_outline_black_24dp"
        app:showAsAction="ifRoom|withText"
    />
</menu>

我试图创建自己的动作布局的代码（如果相关）：

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/relativeLayout"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="vertical">

    <ImageView
        android:id="@+id/imageView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="24dp"
        android:layout_marginEnd="28dp"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:srcCompat="@drawable/ic_format_list_bulleted_black_24dp" />

    <TextView
        android:id="@+id/textView"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="8dp"
        android:text="Handlelister"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/imageView" />
</androidx.constraintlayout.widget.ConstraintLayout>

---

这是BottomAppBar的默认行为，要使文本可见，请将属性置于BottomAppBar的下方

app:labelVisibilityMode="labeled"

---

我终于想出了一个办法：

而不是使用

android:actionLayout="@layout/menu_item_lists"

我用过：

app:actionLayout="@layout/menu_item_lists"

然后我不得不在菜单项上添加onClickListener：

override fun onCreateOptionsMenu(menu: Menu?): Boolean {
        val inflater = menuInflater
        inflater.inflate(R.menu.menu_bottom_navigation, menu)

        val navController = findNavController(R.id.activity_main_nav_host_fragment)

        menu?.findItem(R.id.fragment_menu_lists)?.actionView?.setOnClickListener {
            navController.navigate(R.id.fragment_menu_lists)
        }

        menu?.findItem(R.id.fragment_menu_stores)?.actionView?.setOnClickListener {
            navController.navigate(R.id.fragment_menu_stores)
        }

        menu?.findItem(R.id.fragment_menu_profile)?.actionView?.setOnClickListener {
            navController.navigate(R.id.fragment_menu_profile)
        }

        return super.onCreateOptionsMenu(menu)
    }

---

BottomAppBar不支持它