Hello guys, when using compose material3, how cou...

# compose

[brabo-hi]

Hello guys, when using compose material3, how could we indent the fab to centered the bottom navigation bar

[Jasmin Fajkic]

Same question I have

[dewildte]

Docking the FAB is a material 2 concept.
Material 3 purposely avoids this behaviour.
You can investigate the code in the material 2 code and do that. But why bother?

[brabo-hi]

We are currently using M2 with fan docked centered. We are migrating to M3 but want to keep the fab almost close to what we havd

[mtrewartha]

Per the M3 guidelines on bottom app bars:

FAB is now contained within the app bar container

[dewildte]

This ☝️

[brabo-hi]

I want to use it for navigation

[dewildte]

If you stick to the guidelines then you wont have to fight the framework.

[mtrewartha]

By “use it for navigation” do you mean you need a hamburger menu item in the bottom app bar or do you mean you actually want a FAB to indent a navigation bar? If you mean the former, then I think you still can do that. The latter doesn’t seem to be supported and I’d guess that’s because the FAB would contend with nav items for space (especially if you had an odd number of items where the middle one was centered with the FAB).

[brabo-hi]

I am talking about navigationBar to switch between pages and having fab centered docked. I guess i can use offset on the fab