Java – How do I make a BottomNavigationView menu in capital letters?

How do I make a BottomNavigationView menu in capital letters?… here is a solution to the problem.

How do I make a BottomNavigationView menu in capital letters?

I want to make a BottomNavigationView menu in capital letters, how can I do this without using a 3rd-party library?

Here is my xml code:

<android.support.design.widget.BottomNavigationView
        android:id="@+id/navigation"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom"
        android:background="@android:color/white"
        android:foreground="?attr/selectableItemBackground"
        app:itemIconTint="@color/bottom_nav_color"
        app:itemTextColor="@color/bottom_nav_color"
        app:menu="@menu/navigation" />

and navigation .xml as follows:

<?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/home_icon"
        android:title="@string/title_home"
        />

<item
        android:id="@+id/navigation_deals"
        android:icon="@drawable/ic_deals"
        android:title="@string/deals" />

<item
        android:id="@+id/navigation_myBookings"
        android:icon="@drawable/ic_my_bookings"
        android:title="@string/title_my_bookings" />

<item
        android:id="@+id/navigation_more"
        android:icon="@drawable/ic_more"
        android:title="@string/title_more" />
</menu>

Solution

Try this

Create a style like BottomNavigationViewStyle

<style name="BottomNavigationViewStyle">
    <item name="android:textAllCaps">true</item>
    <item name="android:textSize">15sp</item>
</style>

than used like this

<android.support.design.widget.BottomNavigationView
    android:id="@+id/navigation"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    android:layout_gravity="bottom"
    android:background="@android:color/white"
    android:foreground="?attr/selectableItemBackground"
    app:menu="@menu/navigation"
    app:theme="@style/BottomNavigationViewStyle" />

Output

enter image description here

Related Problems and Solutions