How to Remove Background of BottomNavigationView Item in Android?

Question

I'm working on an Android application and I'm trying to remove the background from a BottomNavigationView. Currently, it displays a purple (like a button) background, but I would like it to be transparent (or shadowed). Below is a screenshot of my current navigation bar:

Here is the XML code for the BottomNavigationView:

<com.google.android.material.bottomnavigation.BottomNavigationView
    android:id="@id/bottom_navigation"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@android:color/white"
    app:itemIconSize="32dp"
    app:itemIconTint="#263238"
    app:itemTextColor="@color/bottom_nav_text_color"
    app:labelVisibilityMode="unlabeled"
    app:layout_constraintBottom_toBottomOf="parent"
    app:menu="@menu/bottom_navigation_menu"
/>

And here is the menu XML:

<menu xmlns:android="http://schemas.android.com/apk/res/android"
      xmlns:app="http://schemas.android.com/apk/res-auto">
    <item
        android:id="@+id/navigation_saved"
        android:icon="@drawable/outline_article_24"
        android:title="@string/saved_lists"
    />
    <item
        android:id="@+id/navigation_home"
        android:icon="@drawable/baseline_home_24"
        android:title="@string/home"
    />
    <item
        android:id="@+id/navigation_add"
        android:icon="@drawable/baseline_add_chart_24"
        android:title="@string/add"
    />
</menu>

How can I make the background of the BottomNavigationView Item transparent?

Check this answer, if it helps: stackoverflow.com/a/40326245/13500666 — Parniyan
– Parniyan, Commented Apr 27, 2024 at 14:47
nah it doesnt work, i need to change the whole nav bar i guess — ProAslan
– ProAslan, Commented Apr 27, 2024 at 17:50

ProAslan · Accepted Answer · 2024-04-29 06:14:06Z

0

In my case, I had to change the theme.xml accordingly:

   <style name="AppTheme" parent="Theme.AppCompat.DayNight.NoActionBar">
       
        <item name="colorAccent">@color/white</item>

The theme style was used in style.xml and I need to delete it there and use it only in the theme

answered Apr 29, 2024 at 6:14

ProAslan

631 silver badge10 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to Remove Background of BottomNavigationView Item in Android?

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related