BottomNavigationView 中的内容/图标未显示

Posted

技术标签:

【中文标题】BottomNavigationView 中的内容/图标未显示【英文标题】:Content/icons in BottomNaviationView not showing 【发布时间】:2020-10-26 00:55:36 【问题描述】:

我正在尝试使用 Material Design 库在我的 android 应用上实现一个简单的底部导航栏。我查看了教程和其他几个网站和 Medium 文章,代码看起来很简单/样板;但是,我底部导航栏中的图标似乎不存在(鉴于该设置(layout_height = wrap_content 使整个栏缩小到无)。

我不知道为什么底部导航栏看起来是空的或没有显示任何内容。

activity_main.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:layout_
        android:layout_
        tools:context=".MainActivity">
    
        <androidx.recyclerview.widget.RecyclerView
    
            android:id="@+id/recycler_view"
            android:layout_
            android:layout_
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent"
            tools:listitem="@layout/layout" />
    
        <com.google.android.material.bottomnavigation.BottomNavigationView
            android:id="@+id/bottom_nav_bar"
            android:layout_
            android:layout_
            android:background="?android:attr/windowBackground"
    
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:menu="@menu/bottom_nav"
            app:labelVisibilityMode="labeled"
            />
    
    
    </androidx.constraintlayout.widget.ConstraintLayout>

bottom_nav.xml:


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

        android:id="@+id/nav_rest"
        android:icon="@drawable/ic_rest_nav"
        android:enabled="true"
        android:title="Restaurant-List"
        />

    <item
        android:id="@+id/nav_maps"
        android:icon="@drawable/ic_location_24dp"
        android:enabled="true"
        android:title="Map"
        />

    <item
        android:id="@+id/nav_menu"
        android:icon="@drawable/ic_menu_24dp"
        android:title="Menu"
        />

    <item
        android:id="@+id/nav_cart"
        android:icon="@drawable/ic_cart_24dp"
        android:title="nav_cart"
        />
</menu>

【问题讨论】:

当您真的想要一个简单的LinearLayoutandroid:orientation="vertical" 时,您使用ConstraintLayout 是否有特殊原因? 不,我对 android 开发很陌生。我使用了约束布局,因为我对它有些熟悉,并且我读过它有助于保持 xml 更平坦。我尝试使用android:orientation="vertical"Relative Layout 将其更改为LinearLayout,但它没有改变任何东西。我基本上是在寻找一个简单的电子商务风格的应用程序,它有一个底部导航栏,可以使用 RecycleView + CardView 导航到不同的片段,以滚动浏览项目列表。 【参考方案1】:

在你的 activity_main.xml :RecyclerView

 app:layout_constraintBottom_toBottomOf="parent"
 android:layout_

应该是

app:layout_constraintBottom_toTopOf="@id/bottom_nav_bar"
android:layout_

【讨论】:

以上是关于BottomNavigationView 中的内容/图标未显示的主要内容,如果未能解决你的问题,请参考以下文章

一起Talk Android吧(第三百九十一回:修改BottomNavigationView中的图标和文字颜色)

片段内容未在 BottomNavigationView FragmentTransaction 上加载

共享内容重叠底部导航

BottomNavigationView 中的背景颜色更改

无法解析 BottomNavigationView 中的方法“setShiftingMode(Boolean)”

如何通过 Xamarin MvvmCross 中的 BottomNavigationView 在视图模型之间导航