Android Bottom Navigation View multicolored icon

Question

I have a bottom navigation view with 4 icons, one of them being a notification icon.I have to notify when there are new notifications, I am doing that by changing the icon programmatically to

The problem is at runtime the red dot is also grey. The icons are by default set to grey and on selection it takes primary color of the app (incase no iconTint color is set). If I set the IconTint color to red then the whole image is red instead of just the red dot. I want to show the image as is and not have the background color effect on it. Is there a way to achieve this?

final Menu menu =bottomNavigationView.getMenu();
    Handler handler = new Handler(Looper.getMainLooper());
    handler.post(new Runnable() {
        @Override
        public void run() {
            MenuItem notificationItem=menu.findItem(R.id.action_notification);
            notificationItem.setIcon(R.drawable.notification_icon_with_badge);
        }
    });

Thanks

P

In android version 25.0 they added new class. Just take a look into below link.https://developer.android.com/reference/android/support/design/widget/BottomNavigationView.html — user1918566, Jun 23 '17 at 19:02
this duplicate of https://stackoverflow.com/questions/42682855/display-badge-on-top-of-bottom-navigation-bars-icon — Angelina, Dec 17 '18 at 13:17

score 1 · Answer 1 · answered Jun 23 '17 at 19:06

1

You can achieve this with the following also

place 2 images in the drawable folder, one with the red dot one with grey

and then on if conditions you can setimageresource(R.drawable.yourimagename)

answered Jun 23 '17 at 19:06

Wali Muhammad Khubaib

125
1
13

I am updating the menu item icon at runtime using condition check and that works fine, the problem is even though the image is grey with red dot, at runtime the whole image is grey even the red dot is grey. I dont see a setImageResource method on MenuItem. – user2622786 Jun 23 '17 at 19:11
try setIcon with 2 images. one with red one with grey – Wali Muhammad Khubaib Jun 23 '17 at 19:36
I have tried setting 2 icons but it doesnt work. Both the icons are grey. The red dot does not show. – user2622786 Jun 29 '17 at 17:41
no i meant, one icon should be with the grey dot, the other with the red dot. dont separately add the red dot :) – Wali Muhammad Khubaib Jun 29 '17 at 18:06

Android Bottom Navigation View multicolored icon

1 Answers1