Currently, I've added 'com.google.android.material:material:1.5.0' to 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>
Here's the 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 included two extra menu bar items as an example to have more than 3 items in the navigation bar..
Upon running the app, the screen resembles the video below:
I'm seeking help in adding an active indicator similar to the red arrow shown in the image below:
I've searched extensively but haven't found a solution yet. Hoping to find one here!