How to Add a Floating Action Button to a Bottom Navigation - Android Studio Tutorial

In this video you will learn how you can make a BottomNavigationView with a FloatingActionButton in the middle.

⭐ Get certificates for your future job
⭐ Save countless hours of time
⭐ 100% money back guarantee for 30 days
⭐ Become a professional Android developer now:

Material Design Dependency:

Get the source code for this video here:

You like my free content? Here you can me a coffee:

[ktamilselvan]

almost viewed all your videos !!!

app:contentInsetStart="0dp"
app:contentInsetLeft="0dp" u can use to remove the left margin

[alexandrecloutier]

There is a shadow because the layout is elevated by default, just like it is the case with buttons and card views when there is a background drawable. The solution is to add : android:elevation="0dp" to remove the default value.

Good video Philipp 😃

[jaypanchal]

Good One Philip. had been thinking about doing the same and i found your video here, great explanation and great implementation without using any library.

[crateer]

Damn, you're growing so fast! Keep it up :)

[moriz]

That's a useful tutorial, Thanks dear Philipp, and awesome as always ⭐⭐⭐⭐⭐

[ThienNguyen-cdrn]

Thank for this helpful video !
From Vietnam with love !

[Berk]

The video I have waited for so long! ❤️❤️

[fathiyajourney]

"This video sponsored by my self" 😂

I've been waiting for this 👍

[devendravarma]

Adding bottom navigation inside bottom appbar was the great idea, you are just awesome..
Btw, you can also disable the centre menu from your XML file;
Happy Coding :)

[artem]

right when i needed, thanks a lot bro!

[miranmustafa]

You can fix the shadow by seting:
app:elevation="0dp"

to bottom nav view

[AWNHACKS]

That's one unique tutorial man. Appreciate

[sumitsuryawanshi]

You're AMAZING brother ;D
Sending Love from India. <3

[gadeern]

Amazing tutorial! Thank you very much 😍🔥

[waheed_akhtar]

A german with a good sense of humor. A very rare thing :D

[bjugdbjk]

OMG..ur videos save tons f time man ... waiting for fr ur kotlin stuff man...

[sajantamang]

Can we apply this UX in other layouts beside CoordinatorLayout?

[supremecrackerr]

Thank you so much for this video, really helepd me in a pinch! adding < app:contentInsetStart="0dp" > to the BottomAppBar removed that left margin space for me!

[robertoc]

excelente tutorial, un saludo desde México, una duda, como implementar la lógica para que funcione o haga algo en los botones, tengo entendido que se usan fragmentos pero tengo problemas al entender eso, no se si tienes algún otro video donde expliques como implementar lo demás me seria de gran ayuda sin mas, un excelente tutorial

[Trosydman]

Thank you for this tutorial!!!! I was looking for something like this for my app.
I was wondering if it is possible that the ripple effects, of each item, don't go beyond the boundaries of the BottomAppBar view.
Thank you in advance!