How can I create a bottom navigation view like this with a Floating Action Button (FAB) containing both an icon and an image?

Question

I'm currently trying to create a bottom navigation view similar to the one shown in this image:

However, I'd like to customize the FAB to not only contain an icon but also an image, as shown in this image: I've attempted a few approaches but haven't been able to achieve the desired outcome. Could anyone provide guidance or an example of how to accomplish this?

Thank you very much for your assistance!

Answer 1

You can create the same demo by referring to the blow article from the medium. It has exactly what you need. animated bottom navbar tutorial