【问题标题】:Content/icons in BottomNaviationView not showingBottomNavigationView 中的内容/图标未显示
【发布时间】: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_width="match_parent"
        android:layout_height="match_parent"
        tools:context=".MainActivity">
    
        <androidx.recyclerview.widget.RecyclerView
    
            android:id="@+id/recycler_view"
            android:layout_width="400dp"
            android:layout_height="0dp"
            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_width="match_parent"
            android:layout_height="wrap_content"
            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 导航到不同的片段,以滚动浏览项目列表。

标签: android xml user-interface kotlin


【解决方案1】:

在你的 activity_main.xml :RecyclerView

 app:layout_constraintBottom_toBottomOf="parent"
 android:layout_width="400dp"

应该是

app:layout_constraintBottom_toTopOf="@id/bottom_nav_bar"
android:layout_width="0dp"

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-11-17
    • 1970-01-01
    • 1970-01-01
    • 2020-12-26
    • 2017-03-16
    • 1970-01-01
    相关资源
    最近更新 更多