默认情况下,ItemActiveIndicator 在 Android 的 Material 3 底部导航栏中不可见
实现 '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:
i need active indicator like this marked by red arrow in below image:
Searched a lot about this but didn't got help anywhere!! hope here i get solution!!
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
您需要先将应用程序主题更改为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