Search code examples
androiduser-interfacebottomnavigationviewmaterial-components-android

Design Bottom Navigation Like YouTube Android App

I almost done expect just 1 single thing. That is I don't want to show Title for the middle item in Bottom Navigation same as YouTube Android app does. But I could not able to span size of icon to cover full width as YouTube does. I even tried increasing vector asset size from 24dp to 48 dp but no effect. Would like to know how to fix it. Note: I am not using floating button here.

This is what I am getting
enter image description here



This is how I want

This is How I want.

Solution

  • I used some my common sense and split the whole bottom navigation view into

    • BNV 1 - bottom navigation view 1
    • Seperate Icon between two BNV
    • BNV 2 - bottom navigation view 2

    Here the diagram illustration

    enter image description here

    And now you have outline of what I am saying, So just implement it

    Have a nice Day!!