BottomBar height not 56dp

Created on 19 Apr 2016  路  11Comments  路  Source: roughike/BottomBar

The height of the bottom bar should be 56dp according to the Material Design Specs.
It is too high at the moment.

Most helpful comment

@hpost How to override the theme? If I add it to the app style, it doesn't do anything. Usually style is set in xml, not programmatically. Thx

All 11 comments

yes ! Is there any way to adjust the height of the bottom bar?

@dentrite yes. I ended up doing the same. Fetched BottomBar reference from getBar() method and had set the params.

@deepti1408 I tried setting the height of the view obtained from BottomBar#getBar, but then the labels below the tab icons are cut off. Did you do something else?

Edit: Nevermind, overriding the BB_BottomBarItem_Fixed style and setting the height to 56dp and reducing the bottom padding to 5dp solved it

@hpost i have override the BB_BottomBarItem_Fixed style ,but it not take effect.
Is there anything else need to do?

@coderlife here's what I did:

<style name="BB_BottomBarItem_Fixed">
    <item name="android:background">?attr/selectableItemBackgroundBorderless</item>
    <item name="android:orientation">vertical</item>
    <item name="android:gravity">bottom|center_horizontal</item>
    <item name="android:layout_width">wrap_content</item>
    <item name="android:layout_height">56dp</item>
    <item name="android:paddingTop">8dp</item>
    <item name="android:paddingBottom">5dp</item>
    <item name="android:paddingLeft">12dp</item>
    <item name="android:paddingRight">12dp</item>
</style>

@hpost thanks a lot. It affect!
but I found that when the icon's original height is over 24dp, it can't be adjust to meet material design guideline. Do you know anything about this?

@coderlife I would suggest to use icons with dimensions of 24dp x 24dp. That will give you the best results.

@hpost i see . thanks

@hpost How to override the theme? If I add it to the app style, it doesn't do anything. Usually style is set in xml, not programmatically. Thx

will vary as per ur image icon

Was this page helpful?
0 / 5 - 0 ratings

Related issues

zhangzhzh picture zhangzhzh  路  7Comments

vikramkakkar picture vikramkakkar  路  3Comments

LiuDeng picture LiuDeng  路  5Comments

tinybright picture tinybright  路  3Comments

cmonfortep picture cmonfortep  路  5Comments