Search code examples
androidbottomnavigationview

Changing BottomNavigationView's Icon Size

I have been experimenting with the new BottomNavigationView and trying to customise it.

So far I have managed to change the height and margins by using the below:

<dimen name="design_bottom_navigation_height" tools:override="true">75dp</dimen>
<dimen name="design_bottom_navigation_margin" tools:override="true">5dp</dimen>

I want to increase the size of the icons.

How can this be done?

Compile Version: com.android.support:design:25.0.1

Solution

  • Late but Latest

    Use implementation 'com.android.support:design:28.0.0' Design Support Library.

    There is an property to change Icon Size:

    <android.support.design.widget.BottomNavigationView
    app:itemIconSize="@dimen/_26sdp">
    ....
    ....
</android.support.design.widget.BottomNavigationView>

    Programmatically:

    dashboardNavigation.setItemIconSize(24);

    UPDATE:

    If you are using a material library then it will be the same. Just change the package name as below.

    implementation 'com.google.android.material:material:1.1.0'

    XML:

    <com.google.android.material.bottomnavigation.BottomNavigationView
                app:itemIconSize="@dimen/_26sdp"
                android:layout_width="match_parent"
                android:layout_height="wrap_content" />

    Programmatically - Same as above.

    Thank you.