Sunday, 21 March 2021

How to set bottom navigation bar or how to set bottom tab with fixed name

 how to set bottom tab or navigation bar with fixed tab name or navigation menu name in android


First just create activity with bottom navigation tab bar and layout file also 


<?xml version="1.0" encoding="utf-8"?>

<RelativeLayout 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:background="#1E1B1B"

    android:orientation="vertical"

    android:layout_height="match_parent"

    tools:context=".activity.SettingsActivity">


    <LinearLayout

        android:id="@+id/linear_layout_setting"

        android:layout_width="match_parent"

        android:layout_marginTop="10dp"

        android:layout_height="wrap_content"

        android:orientation="horizontal">


    <TextView

        android:id="@+id/text_cancel"

        android:layout_width="0dp"

        android:layout_weight="1"

        android:layout_height="wrap_content"

        android:gravity="start"

        android:layout_marginTop="5dp"

        android:layout_marginBottom="5dp"

        android:layout_marginLeft="10dp"

        android:text="@string/cancel"

        android:textColor="#DFDCDC"

        android:textSize="16sp"/>


    <TextView

        android:layout_width="0dp"

        android:layout_weight="1"

        android:layout_height="wrap_content"

        android:layout_marginTop="5dp"

        android:layout_marginBottom="5dp"

        android:gravity="center"

        android:textStyle="bold"

        android:text="@string/settings"

        android:textColor="@color/colorWhite"

        android:textSize="18sp"/>

    <TextView

        android:id="@+id/text_done"

        android:layout_width="0dp"

        android:layout_weight="1"

        android:layout_height="wrap_content"

        android:layout_marginTop="5dp"

        android:layout_marginBottom="5dp"

        android:textColor="#FF0057"

        android:gravity="end"

        android:layout_marginRight="15dp"

        android:text="@string/done"

        android:textSize="16sp"/>

</LinearLayout>


    <LinearLayout

        android:id="@+id/linear_layout_myBalance"

        android:layout_below="@+id/linear_layout_setting"

        android:layout_width="match_parent"

        android:layout_marginTop="20dp"

        android:layout_marginLeft="15dp"

        android:layout_marginRight="15dp"

        android:layout_height="wrap_content"

        android:orientation="horizontal">

        <TextView

            android:id="@+id/text_balance"

            android:layout_width="0dp"

            android:layout_weight="1"

            android:layout_height="wrap_content"

            android:layout_marginTop="10dp"

            android:gravity="center|start"

            android:drawablePadding="10dp"

            android:drawableLeft="@drawable/home_icon"

            android:text="@string/home"

            android:textColor="@color/colorWhite"

            android:textSize="14sp"/>

    </LinearLayout>


    <LinearLayout

        android:id="@+id/linear_layout_earn"

        android:layout_below="@+id/linear_layout_myBalance"

        android:layout_width="match_parent"

        android:layout_marginLeft="15dp"

        android:layout_marginRight="15dp"

        android:layout_height="wrap_content"

        android:orientation="horizontal">


        <TextView

            android:id="@+id/text_earn"

            android:layout_width="0dp"

            android:layout_weight="1"

            android:layout_height="wrap_content"

            android:layout_marginTop="10dp"

            android:gravity="center|start"

            android:drawablePadding="10dp"

            android:drawableLeft="@drawable/food_icon"

            android:text="@string/fooding"

            android:textColor="@color/colorWhite"

            android:textSize="14sp"/>


    </LinearLayout>

    <TextView

        android:id="@+id/text_view_find_people"

        android:layout_below="@+id/linear_layout_earn"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_marginTop="10dp"

        android:layout_marginLeft="15dp"

        android:layout_marginRight="15dp"

        android:gravity="center|start"

        android:drawableLeft="@drawable/health_icon"

        android:text="@string/baseline"

        android:drawablePadding="10dp"

        android:textColor="@color/colorWhite"

        android:textSize="14sp"/>

    <TextView

        android:id="@+id/text_view_my_coupon"

        android:layout_below="@+id/text_view_find_people"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:gravity="center|start"

        android:drawablePadding="10dp"

        android:layout_marginTop="10dp"

        android:layout_marginLeft="15dp"

        android:layout_marginRight="15dp"

        android:drawableLeft="@drawable/meal"

        android:text="@string/meal_plan"

        android:textColor="@color/colorWhite"

        android:textSize="14sp"/>

    <View

        android:id="@+id/view_line_one"

        android:layout_below="@+id/text_view_my_coupon"

        android:layout_width="match_parent"

        android:layout_height="1dp"

        android:layout_marginLeft="42dp"

        android:layout_marginRight="14dp"

        android:background="#3A2F33"

        android:layout_marginTop="10dp" />

    <TextView

        android:id="@+id/text_view_fantasy"

        android:layout_below="@+id/view_line_one"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:gravity="center|start"

        android:drawablePadding="10dp"

        android:layout_marginTop="10dp"

        android:layout_marginLeft="15dp"

        android:layout_marginRight="15dp"

        android:drawableLeft="@drawable/order_status"

        android:text="@string/status"

        android:textColor="@color/colorWhite"

        android:textSize="14sp"/>

    <TextView

        android:id="@+id/text_view_leaderBoard"

        android:layout_below="@+id/text_view_fantasy"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:gravity="center|start"

        android:drawablePadding="10dp"

        android:layout_marginTop="10dp"

        android:layout_marginLeft="15dp"

        android:layout_marginRight="15dp"

        android:drawableLeft="@drawable/summary"

        android:text="@string/summary"

        android:textColor="@color/colorWhite"

        android:textSize="14sp"/>

    <View

        android:id="@+id/view_line_two"

        android:layout_below="@+id/text_view_leaderBoard"

        android:layout_width="match_parent"

        android:layout_height="1dp"

        android:layout_marginLeft="42dp"

        android:layout_marginRight="14dp"

        android:background="#3A2F33"

        android:layout_marginTop="10dp" />


    <LinearLayout

        android:id="@+id/linear_layout_info_setting"

        android:layout_below="@+id/view_line_two"

        android:layout_width="match_parent"

        android:layout_marginTop="15dp"

        android:layout_marginLeft="15dp"

        android:layout_marginRight="15dp"

        android:layout_height="wrap_content"

        android:orientation="horizontal">

        <TextView

            android:id="@+id/text_info"

            android:layout_width="0dp"

            android:layout_weight="1"

            android:gravity="center|start"

            android:drawablePadding="10dp"

            android:layout_height="wrap_content"

            android:drawableLeft="@drawable/payment"

            android:text="@string/payment"

            android:textColor="@color/colorWhite"

            android:textSize="14sp"/>

    </LinearLayout>

    <TextView

        android:id="@+id/text_view_terms_condition"

        android:layout_below="@+id/linear_layout_info_setting"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:gravity="center|start"

        android:drawablePadding="10dp"

        android:layout_marginTop="10dp"

        android:layout_marginLeft="15dp"

        android:drawableLeft="@drawable/feedback"

        android:text="@string/feedback"

        android:textColor="@color/colorWhite"

        android:textSize="14sp"/>

    <TextView

        android:id="@+id/text_view_about_us"

        android:layout_below="@+id/text_view_terms_condition"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:gravity="center|start"

        android:drawablePadding="10dp"

        android:layout_marginTop="10dp"

        android:layout_marginLeft="15dp"

        android:drawableLeft="@drawable/about_us"

        android:text="@string/about"

        android:textColor="@color/colorWhite"

        android:textSize="14sp"/>

    <com.google.android.material.bottomnavigation.BottomNavigationView

        android:id="@+id/navigationView"

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        app:itemIconTint="@drawable/tab_color"

        app:itemTextColor="@drawable/tab_color"

        app:labelVisibilityMode="labeled"

        android:layout_alignParentBottom="true"

        android:background="?android:attr/windowBackground"

        app:menu="@menu/navigation"/>


</RelativeLayout>


and also create navigation.xml in menu folder 


<?xml version="1.0" encoding="utf-8"?>

<menu xmlns:android="http://schemas.android.com/apk/res/android">


    <item

        android:id="@+id/navigation_home"

        android:icon="@drawable/ic_home_black_24dp"

        android:title="@string/title_home" />


    <item

        android:id="@+id/navigation_about_kumbh"

        android:icon="@drawable/ic_kumbh_icon"

        android:title="@string/title_dashboard" />


    <item

        android:id="@+id/navigation_about_app"

        android:icon="@drawable/ic_about_icon"

        android:title="@string/title_notifications" /> 

</menu>


Thanks

Team AkhariPoint

No comments:

Post a Comment