Bottom app bar Navigation icon is not center vertical

Question

I'm using android.support.design.bottomappbar.BottomAppBar but the navigation icon is coming in left top corner when option menu is added.

without Option its working as expected (center_vertical).

With option menu

Without Option Menu

Can any one tell how to fix it?

Answer 1

In your layout, you can change the BottomAppBar theme to this:

<android.support.design.bottomappbar.BottomAppBar
    ...
    android:theme="@style/Widget.MaterialComponents.BottomAppBar"
/>

Answer 2

After trying different ways, setting padding through styles worked.

<style name="NavButtonPadding" parent="@android:style/Widget.ActionButton">
    <item name="android:paddingStart">10dp</item>
    <item name="android:paddingEnd">10dp</item>
    <item name="android:minWidth">10dp</item>
</style>

After Adding styles

Answer 3

It's better to use Theme.MaterialComponents themes as application parent theme when you use Google Material components:

<style name="AppTheme" parent="Theme.MaterialComponents.Light.NoActionBar">

instead of :

<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">

in style.xml

Answer 4

I have also got the same issue, but found a solution by adding:

style="@style/Widget.MaterialComponents.BottomAppBar"

for bottomBar.