
To add it to your project with Gradle, you'll need to use jitpack. Material Components (which is the official AndroidX replacement for the support library) has Shape Theming on the roadmap for ~October-December, which will let you do just that officially and easily (without having to extend the view).īut it's not available just yet, so in the meantime, I forked customFloatingActionButton by robertlevonyan, and with some slight modifications, it allows you to use your own custom shape. Let’s see it in action, shall we?įirst, create a new page to navigate to.The FloatingActionButton provided by the support libraries can not be extended as the methods that would need to be replaced are set to private. The button essentially morphs into a new widget when transitioning, and it looks really cool. Here’s what a typical FloatingActionButton in Flutter looks like:įloatingActionButton uses hero animation for page transitions. Best of all, all of these properties are customizable. It also has an elevation to give that floating effect. Usually, the FloatingActionButton widget is placed in the bottom-right corner of the screen and is circular in shape. As the name suggests, this widget floats on top of other widgets on the screen.

Other than that, my skills and interests revolve around graphic design, PowerPoint, technical writing, and music production. Aachman Garg Follow I'm a student and Flutter developer.
