Solution 1 :

You can use the method setVerticalOffset:

  BadgeDrawable badge = bottomNavigationView.getOrCreateBadge(menuItemId);
  badge.setNumber(...);
  badge.setVerticalOffset(20);  //The dimension is in pixel

Before:

After:

If it covers the icon you can also use the method setHorizontalOffset:

badge.setHorizontalOffset(-10);

Note: it requires at least the version 1.2.0-alpha01

Problem :

How can we set margin to badge of bottomNavigation material component??

How can we prevent to padding when we click on an item in bottomNavigationView because of that a little of badge will be hidden as we see in these pictures.

When item 1 is unSelected :

When item 1 isSelected (a little of badge height will be hidden):

Comments

Comment posted by milad salimi

Oh thanks , i think i used 1.2.0 version let me check the 1.2.0-alpha version.

Comment posted by Gabriele Mariotti

@miladsalimi You can use the 1.2.0-beta01.

Comment posted by github.com/material-components/material-components-android/…

Thanks , then you merged

READ [FIXED] java - when we click on link the webview not show any content