默认情况下,ItemActiveIndicator 在 Android 的 Material 3 底部导航栏中不可见

发布于 2025-01-15 20:28:03 字数 2112 浏览 1 评论 0原文

实现 'com.google.android.material:material:1.5.0' 已经在 Build.Gradle 中添加了这个 。 。 实现底部导航栏的代码:

<?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"
   android:background="@color/PrimaryWhite">

   <com.google.android.material.bottomnavigation.BottomNavigationView
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      app:menu="@menu/bottom_navigation_menu"
      app:layout_constraintBottom_toBottomOf="parent"
      android:padding="10dp"
      app:itemRippleColor="@color/AccentLight"
      app:labelVisibilityMode="auto"
      />
</androidx.constraintlayout.widget.ConstraintLayout>

@menu/bottom_navigation_menu 的代码:

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">
   <item
   android:id="@+id/homePage"
   android:enabled="true"
   android:icon="@drawable/home_enabled"
   android:title="@string/homeBtnTxt"/>

   <item
      android:id="@+id/profilePage"
      android:enabled="true"
      android:icon="@drawable/user_enabled"
      android:title="@string/userBtnTxt"/>

   <item
      android:id="@+id/profilePage1"
      android:enabled="true"
      android:icon="@drawable/user_enabled"
      android:title="@string/userBtnTxt"/>

   <item
      android:id="@+id/profilePage2"
      android:enabled="true"
      android:icon="@drawable/user_enabled"
      android:title="@string/userBtnTxt"/>

</menu>

我重复了两个菜单栏项目,仅作为示例,以便我的导航栏有超过 3 个项目。

现在,运行应用程序后,此屏幕将显示为以下视频: 在此处输入图像描述

我需要如下图中红色箭头标记的活动指示器: 在此处输入图像描述

搜索了很多有关此内容的信息,但没有在任何地方得到帮助!希望我在这里得到解决方案!

implementation 'com.google.android.material:material:1.5.0'
added this already in Build.Gradle
.
.
Code for implementing Bottom Navigation Bar:

<?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"
   android:background="@color/PrimaryWhite">

   <com.google.android.material.bottomnavigation.BottomNavigationView
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      app:menu="@menu/bottom_navigation_menu"
      app:layout_constraintBottom_toBottomOf="parent"
      android:padding="10dp"
      app:itemRippleColor="@color/AccentLight"
      app:labelVisibilityMode="auto"
      />
</androidx.constraintlayout.widget.ConstraintLayout>

Code for @menu/bottom_navigation_menu:

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">
   <item
   android:id="@+id/homePage"
   android:enabled="true"
   android:icon="@drawable/home_enabled"
   android:title="@string/homeBtnTxt"/>

   <item
      android:id="@+id/profilePage"
      android:enabled="true"
      android:icon="@drawable/user_enabled"
      android:title="@string/userBtnTxt"/>

   <item
      android:id="@+id/profilePage1"
      android:enabled="true"
      android:icon="@drawable/user_enabled"
      android:title="@string/userBtnTxt"/>

   <item
      android:id="@+id/profilePage2"
      android:enabled="true"
      android:icon="@drawable/user_enabled"
      android:title="@string/userBtnTxt"/>

</menu>

I repeated two menu bar items for example only so that my nav bar has more than 3 items..

Now after running app this screen appears as this video:
enter image description here

i need active indicator like this marked by red arrow in below image:
enter image description here

Searched a lot about this but didn't got help anywhere!! hope here i get solution!!

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

_蜘蛛 2025-01-22 20:28:03

您需要先将应用程序主题更改为material3主题,然后您将获得material 3样式的底部导航栏

这里

You need to change your app theme to material3 theme first then you will get material 3 style bottom navigation bar

here

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文